html怎么设置hr

编辑: admin 分类: html5 发布时间: 2022-06-08 来源:互联网

html设置hr的方法：首先创建一个HTML示例文件；然后在body中输入一些文本内容；最后在需要分隔的段落之间添加“<hr/>”标签即可创建一条水平线。

本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

<hr> 定义和用法

<hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

HTML 与 XHTML 之间的差异

在 HTML 中，<hr> 标签没有结束标签。

在 XHTML 中，<hr> 必须被正确地关闭，比如 <hr />。

在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。

在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

可选的属性

eae8601ff2d539d76ba16abc891634d.png

实例

被水平线分隔的标题和段落：

<html>

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>

效果如下：

5ece85f81ff1db0fc76fe2077a8c502.png

推荐学习：《HTML视频教程》《css视频教程》

以上就是html怎么设置hr的详细内容，更多请关注自由互联其它相关文章！

【文章原创作者：欧洲服务器 http://www.558idc.com/helan.html 复制请保留原URL】
更多阅读