如何在HTML中插入一行？html横线标签hr全新讲解

HTML作为网页设计语言的基础，除了文字和图像，还提供了许多标记，以便在网页中插入不同类型的内容，如横线、段落、列表等等。在本篇文章中，我们将介绍 HTML 横线标签 hr 的用法。

1. HTML 横线标签<hr>

HTML 横线标签 <hr> 可以在文档中插入一条水平线，通常被用作分隔符。该标记没有闭合标记，因为它是一个单独的标记。

1.1. HTML 横线标签语法

在 HTML 文档中，您可以使用以下语法来插入 <hr> 横线标记：

<hr>

这将在您的文档中插入一条简单的水平线。

1.2. HTML 横线标签实例

下面的例子展示了如何在 HTML 中插入一条水平线：

  <h1>HTML 横线标签实例</h1>

    <hr>
    这是一段文字。
    <hr>
    这是另一段文字。

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 样式表来自定义水平线的颜色、高度和宽度等属性。