老师,请检查下作业?

来源:2-6 编程练习

weixin_慕雪4394317

2022-11-30 16:06:21

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        a {

            color: blue;

            text-decoration: none;

        }


        h2 {

            color: green;

        }


        span.wjx {

            color:orange

        }

    </style>

</head>


<body>

    <div>

        <h2>大话西游之大圣娶亲的影评</h2>

        <p>

            <a href="">热门/</a>

            <a href="">最新/</a>

            <a href="">好友/</a>

            <hr>

        </p>

        <div>

            <a href="">罗宏霉素</a>

            <span class="wjx">★★★★★</span>&nbsp;<span>2010-07-26</span>

            <p>有人跟我比赛背台词么</p>

            <p>阅读:1615&nbsp;<a href="">有用</a></p>

            <hr>

        </div>

        <div>

            <a href="">十七只猫和鱼</a><span class="wjx">★★★★</span>&nbsp;<span>2006-04-26</span>

            <p>任何时候任何场合都可以再看一遍的电影</p>

            <p>阅读:515&nbsp;<a href="">有用</a></p>

            <hr>

        </div>

        <div>

            <a href="">暖家男</a><span class="wjx">★★★★</span>&nbsp;<span>2006-04-22</span>

            <p>一定有一些电影 永远都不可能被超越</p>

            <p>阅读:490&nbsp;<a href="">有用</a></p>

            <hr>

        </div>

    </div>

</body>


</html>


写回答

1回答

好帮手慕慕子

2022-11-30

同学你好,效果实现是对的,但是其中有个细节需要注意,p标签中包裹其他块级标签,会导致解析异常。

代码中p标签里面书写了hr标签,浏览器解析异常,如下:


https://img.mukewang.com/climg/6387149e099a4ed014080626.jpg

建议修改:将hr标签放在p标签外,让代码更加规范

https://img.mukewang.com/climg/638714d70967c6dc08660588.jpg

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程