HTML作为网页设计语言的基础，除了文字和图像，还提供了许多标记，以便在网页中插入不同类型的内容，如横线、段落、列表等等。在本篇文章中，我们将介绍 HTML 横线标签 hr 的用法。
1. HTML 横线标签<hr>
HTML 横线标签 <hr> 可以在文档中插入一条水平线，通常被用作分隔符。该标记没有闭合标记，因为它是一个单独的标记。
1.1. HTML 横线标签语法
在 HTML 文档中，您可以使用以下语法来插入 <hr> 横线标记：
<hr>这将在您的文档中插入一条简单的水平线。
1.2. HTML 横线标签实例
下面的例子展示了如何在 HTML 中插入一条水平线：
<h1>HTML 横线标签实例</h1>
<hr>
这是一段文字。
<hr>
这是另一段文字。
<h1> 标记后插入了一条水平线。然后，我们又插入了两个段落，每个段落都有一条水平线分隔开。
1.3. HTML 横线标记属性
HTML <hr> 标记有以下属性：
align - 定义水平线的对齐方式。
color - 定义水平线的颜色。
size - 定义水平线的高度。
width - 定义水平线的宽度。
下面是一个例子，展示如何使用属性：
<hr align="left" size="2" width="50%" color="#FF0000">这会在左侧插入一条粗细为 2px，颜色为红色，宽度为页面宽度的 50% 的水平线。
2. HTML 横线标记样式
HTML <hr> 标记可以使用 CSS 样式表来添加样式。在下面的例子中，我们定义了一个 CSS 样式表，以改变标记的颜色和高度：
<style>
hr {
color: red;
height: 5px;
}
</style>
<hr>
这是一段文字。
<hr>
这是另一段文字。
以上示例代码中，我们定义了一个名为 hr 的样式。样式会改变 hr 的颜色和高度。您可以根据需要更改样式以适应您的设计需求。
3. 总结
HTML 横线标签 <hr> 可以在 HTML 文档中插入一条水平线，通常用作分隔符。该标记没有闭合标记，因为它是一个单独的标记。您可以使用属性和 CSS 样式表来自定义水平线的颜色、高度和宽度等属性。