当前位置:首页 > 教程 > Html > 文本

4.5 水平线标签

html水平线标签:<hr />。<hr />标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.5 水平线标签</title>
    </head>
    <body>
        <h2>木兰花·拟古决绝词</h2>
        <hr />
        <p>人生若只如初见,何事秋风悲画扇。</p>
        <p>等闲变却故人心,却道故人心易变。</p>
        <p>骊山语罢清宵半,泪雨零铃终不怨。</p>
        <p>何如薄幸锦衣郎,比翼连枝当日愿。</p>
    </body>
</html>

运行浏览器后得到的效果如图

4.5 水平线标签

附加说明:水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。<hr />同<br />一样,标签必须被正确地关闭。

虽然<hr><br>都可以实现同样效果,但是不提倡这样的写法。不要嫌麻烦,养成良好的编程习惯,是一个优秀的前端人员的必备专业素养。

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
推荐宝塔面板 0 安全高效的

服务器运维面板

立即领取