上QQ阅读APP看书,第一时间看更新
2.8 水平线<hr>
在网页中常常看到一些水平线将段落与段落之间隔开,这些水平线可以通过插入图像实现,也可以更简单地通过标签来完成。
<hr> 标签可以在 HTML 页面中创建一条水平线,在视觉上将文档分隔成各个部分。
语法:
<hr>
【例2-6】
在古诗的题目下方通过<hr>标签插入一条水平线,使题目和内容区分开来,在浏览器中的显示效果如图2-8所示。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>静夜思</title>
</head>
<body>
<h2>静夜思</h2>
<hr>
<p>李白</p>
<p>床前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。</p>
</body>
</html>
图2-8 水平线的显示效果