html hr标签详解

作者:IT技术 | 时间:2018-11-20

html hr标签有什么作用呢?hr标签在网页中定义一个水平线,下面我就为大家详细说明下。

定义和说明

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

水平分隔线(horizontal rule)可以把网页中的内容分隔成几个部分。

<hr> 没有结束标签,不能写:<hr></hr>

但<hr>标签必须被正确地关闭,比如 <hr />。

html hr 示例代码

可以把网页中的内容分隔成几个部分:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(http://www.woyoudaan.cn/)</title> 
</head>
<body>

<h1>内容一</h1>
<p>我是第一部分的内容,我是第一部分的内容,我是第一部分的内容,我是第一部分的内容</p>

<hr/>

<h1>内容二</h1>
<p>我是第二部分内容,我是第二部分内容,我是第二部分内容,我是第二部分内容</p>

</body>
</html>

效果显示:

html hr标签详解

浏览器支持

目前市面上所有的浏览器都支持html hr标签

html hr标签详解

通过上面html hr标签的讲解,你现在明白 hr标签的作用了吗?