HTML+CSS+JavaScript网页制作:从入门到精通(第4版)
上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 水平线的显示效果