4-2代码
来源：4-4 课程总结
ZZH994
2017-09-21 23:53:26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
h2{color: green;}
a{color: #009;text-decoration: none;}
span{color: orange;}
</style>
</head>
<body>
<div>
<h2>大话西游之大圣娶亲的影评</h2>
<p>
<a href="#">热门</a>/
<a href="#">最新</a>/
<a href="#">好友</a>
</p>
<hr/>
<p>
<a href="#">罗弘霉素</a> <span>★★★★★</span> 2010-07-26 <br/>
有人跟我比赛背台词么<br/>
阅读；1615
<a href="#">有用</a>
</p>
<hr/>
<p>
<a href="#">十七只猫和鱼</a> <span>★★★★</span> 2006-04-26 <br/>
任何时候任何场合都可以再看一遍的电影 <br/>
阅读：515
<a href="#">有用</a>
</p>
<hr/>
<p>
<a href="#">暖家男</a> <span>★★★★</span> 2006-04-22 <br/>
一定有一些电影 永远都不能被超越 <br/>
阅读：490
<a href="#">有用</a>
<hr/>
</div>
</body>
</html>请老师看一下，我这样写有没有什么问题。
写回答
1回答
-
整体的效果实现的可以，但是建议参考下列代码进行完善，单独的行显示尽量不要使用<br />标签，不利于代码的优化和维护，建议使用段落标签p
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本样式</title> <style type="text/css"> h2 { color: green; } a { color: #009; text-decoration: none; } span { color: orange; } </style> </head> <body> <div> <h2>大话西游之大圣娶亲的影评</h2> <p> <a href="#">热门</a>/ <a href="#">最新</a>/ <a href="#">好友</a> </p> <hr/> <p> <a href="#">罗弘霉素</a> <span>★★★★★</span> 2010-07-26 <!-- <br/> 有人跟我比赛背台词么 <br/> 阅读；1615 --> <p>有人跟我比赛背台词么</p> <p>阅读；1615</p> <a href="#">有用</a> </p> <hr/> <p> <a href="#">十七只猫和鱼</a> <span>★★★★</span> 2006-04-26 <!-- <br/> 任何时候任何场合都可以再看一遍的电影 <br/> 阅读：515 --> <p>任何时候任何场合都可以再看一遍的电影</p> <p>阅读：515</p> <a href="#">有用</a> </p> <hr/> <p> <a href="#">暖家男</a> <span>★★★★</span> 2006-04-22 <!-- <br/> 一定有一些电影 永远都不能被超越 <br/> 阅读：490 --> <p>一定有一些电影 永远都不能被超越</p> <p>阅读：490</p> <a href="#">有用</a> <hr/> </div> </body> </html>祝学习愉快！
0
相似问题