目录导航

HTML水平线用于在网页中绘制水平线。它用于将HTML页面分为不同的水平部分。当需要以不同的方式在同一HTML页面中显示不同类型的内容时,需要水平线。 HR标签用于表示水平线。HR标签是一个空标签,它不包含任何内容。

1. HTML水平线属性

下表列出了水平线(HR元素)的属性。

编号 属性 目的/说明
1 class 定义类的名称
2 lang 定义规则的语言
3 dir 定义规则的方向,即从左到右或从右到左
4 id 定义id的值
5 style 定义元素的内联样式
6 title 提供有关元素的额外提示信息
7 onClick 响应单击事件
8 onDblClick 响应双击事件
9 onKeyDown 响应按下按键事件
10 onKeyPress 响应按下和释放鼠标按钮事件
11 onKeyUp 响应释放键事件
12 onMouseDown 响应单击鼠标按钮事件
13 onMouseMove 响应鼠标指针移动时事件
14 onMouseOut 响应当鼠标指针移出事件
15 onMouseOver 响应当鼠标指针移到元素上时事件
16 onMouseUp 响应释放鼠标按钮时事件

2. HTML创建水平线示例

下面示例演示如何在HTML中创建水平线。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML水平行示例</h2>    
    <hr/>
    <p>
        水平行前面的内容
        <hr/>
        水平行后面的内容
    </p>

</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML创建水平线示例