14、HTML 教程 - 水平线

1. 任务背景

HTML中有一个比较特别的标签,叫做水平线,写作<hr>

该标签可以在网页上显示一条横线,一般用来分隔不同的网页内容。

2. 任务目标

学习hr的的用法。

3. 相关知识点

使用方法很简单,在需要分割的地方,添加一个<hr>标签即可。

4. 任务实操

编写代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>水平线实例</title>
    <meta charset="utf-8">
</head>
<body>
    《春晓》
    <hr>
    春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。
</body>
</html>

通过hr标签,在诗歌的标题和内容之间,就添加了一个水平线,所以效果如下:
 

5. 任务总结

水平线的使用非常简单,就不用再怎么总结了。

别小看水平线,在真实网页开发中,还经常会用到它。不错的标签!