老师,请检查下作业?
来源: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> <span>2010-07-26</span>
<p>有人跟我比赛背台词么</p>
<p>阅读:1615 <a href="">有用</a></p>
<hr>
</div>
<div>
<a href="">十七只猫和鱼</a><span class="wjx">★★★★</span> <span>2006-04-26</span>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读:515 <a href="">有用</a></p>
<hr>
</div>
<div>
<a href="">暖家男</a><span class="wjx">★★★★</span> <span>2006-04-22</span>
<p>一定有一些电影 永远都不可能被超越</p>
<p>阅读:490 <a href="">有用</a></p>
<hr>
</div>
</div>
</body>
</html>
1回答
同学你好,效果实现是对的,但是其中有个细节需要注意,p标签中包裹其他块级标签,会导致解析异常。
代码中p标签里面书写了hr标签,浏览器解析异常,如下:

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

祝学习愉快~
相似问题