如何在 HTML 中添加线条

在HTML中，我们可以使用以下不同的方法轻松地在文档中添加水平线

1. 使用Html标签
2. 使用内部CSS

使用Html

如果我们要使用Html标签在Html文档中添加水平线，那么我们必须遵循以下步骤。通过这些步骤，我们可以轻松添加线条

步骤1：首先，我们必须在任何文本编辑器中输入Html代码，或者打开要添加水平线的现有Html文件。

步骤2：现在，将光标放在要添加线条的Html文档中的位置。然后，我们必须在该位置使用Html的<hr>标签。

步骤3：现在，我们必须添加<hr>标签的属性，这些属性定义了线条的大小、颜色和宽度。因此，我们必须在<hr>标签内输入size、width和color属性。

步骤4：然后，我们必须指定这些属性的值。

步骤5：最后，我们必须保存Html代码，然后在浏览器中运行文件。

上述 HTML 代码的输出显示在以下屏幕截图中

使用内部CSS

如果我们要使用内部样式表在Html文档中添加水平线，那么我们必须遵循以下步骤。通过这些步骤，我们可以轻松添加线条

步骤1：首先，我们必须在任何文本编辑器中输入Html代码，或者打开要添加水平线的现有Html文件。

步骤2：现在，我们必须将光标放在Html文档的head标签中标题标签的关闭之后，然后如以下代码块所示，在<style>标签内定义样式。然后，我们必须输入hr CSS标签来设置水平线的样式。

步骤3：现在，我们必须定义hr CSS标签的属性。因此，我们将在以下代码块中定义不同的属性

步骤4：现在，我们必须在Html文档的body中输入<hr>标签，以在网页上显示水平线。最后，我们必须保存Html文件，然后在Internet浏览器中运行文件。

上述 HTML 代码的输出显示在以下屏幕截图中