HTML hr 标签

HTML 中的 <hr> 标签会在 HTML 文档中添加一条分隔线，用于分隔内容。在 HTML5 中，主题分隔符由 <hr> 标签定义。它没有结束标签。

现在让我们看一个实现 <hr> 标签的示例 −

示例

<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
   <h1>Products</h1>
   <p>Here are the products −</p>
   <h2>Clothing</h2>
   <p>Clothing includes T-Shirts, Shirts, Jeans, Trousers and Hoodie.</p>
   <hr>
   <h2>Electronics</h2>
   <p>Electronics includes Mobile, Mobile Accessories,Laptops, Desktop systems, etc.</p>
</body>
</html>

输出

在上面的例子中，我们首先设置了一个部分 −

<h2>Clothing</h2><p></p>
<p>Clothing includes T-Shirts, Shirts, Jeans, Trousers and Hoodie.</p>

之后，我们使用 <hr> 标签将上面的内容与下面的内容分开 −

<hr>
<h2>Electronics</h2>
<p>Electronics includes Mobile, Mobile Accessories,Laptops, Desktop systems, etc.</p>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/