在网页中常常看到一些水平线将段落与段落之间隔开，这些水平线可以通过插入图片实现，也可以更简单地通过标记来完成。
1 添加水平线——hr
语法：<hr>
说明：在网页中输入一个<hr>标记，就添加了一条默认样式的水平线。
实例代码：
<html>
<head>
<title>添加水平线</title>
</head>
<body>
<center><h4>泰安：华夏文明发祥地之一</h4></center>
<hr>
<p>泰安是华夏文明发祥地之一。早在50 万年前就有人类生存，5 万年前的新泰人已跨入智人阶段；5000
年前这里孕育了灿烂的大汶口文化，成为华夏文明史上的一个重要里程碑。</p>
</body>
</html>
运行代码，可以看到在网页中出现了一条水平线。
2 设置水平线宽度与高度属性——width、height
在默认情况下，在网页中插入的水平线是100%的宽度，1 像素的高度。而在实际创建网页时，可以对水平线的宽度和高度进行设置。
语法：<hr width=水平线宽度 size=水平线高度>
说明：在该语法中，水平线的宽度值可以是确定的像素值，也可以是窗口的百分比。而水平线的高度值则只能够是像素数。如果在创建水平线时只设置一个参数，那么另外一个参数则会取默认值。
实例代码：
<html>
<head>
<title>设置水平线大小</title>
</head>
<body>
<center>
<font face="黑体" size=5>醉花阴</font>
<hr width=130>
<font size=4>李清照</font>
</center>
<hr width=85% size=3>
<p> 薄雾浓云愁永画，瑞脑消金兽。<br>
佳节又重阳，玉枕纱厨，半夜凉初透。<br>
东离把酒黄昏后，有暗香盈袖。<br>
莫道不消魂，帘卷西风，人比黄花瘦。</p>
<hr size=5>
</body>
</html>
运行这段代码，可以看到3 条高度和宽度不等的水平线效果。
3 设置水平线的颜色——color
在网页创作时，文字颜色是多姿多彩的，而水平线的色彩也是可以多种多样的。设置了不同色彩的水平线可以为网页增色不少。
语法：<hr color="颜色代码">
说明：颜色代码是十六进制的数值。
实例代码：
<html>
<head>
<title>设置水平线的颜色</title>
</head>
<body>
<center>
<font face="黑体" size=5 color="#FF0000">天下第一山</font>
</center>
<hr width=220 size=3 color="#FF00FF">
<p> 每一个中国人，都熟悉这座丰碑，但是并不是每一个中国人，都熟悉这座
丰碑的基石，来自中国的哪一座山，人民英雄纪念碑的基石，取自泰山山脉的花岗岩，象征着重于泰山。<br>
每一个中国人都熟悉这座大厦，但是并不是每一个中国人，都熟悉这座大厦的
基石，来自中国的哪一座山，人民大会堂的基石就是泰山石，象征着稳如泰山。</p>
<hr size=5 color="#0000FF">
</body>
</html>
运行这段代码，可以看到颜色和大小不同的两条水平线，而这两条水平线将文章的主题映衬得更加醒目。
4 设置水平线的对齐方式——align
通过前面几个实例可以看到，水平线在默认情况下是居中对齐的。如果希望水平线左对齐或右对齐，就需要使用align 参数。
语法：<hr align=对齐方式>
说明：在该语法中对齐方式可以有3 种，包括left、center 和right。其中，center 的效果与默认效果相同。
实例代码：
<html>
<head>
<title>设置水平线对齐方式</title>
</head>
<body>
<font face="黑体" size=5 color="#CC0000">醉花阴</font>
<hr width=130 color="#FF0000" align=left>
<p align=right><font size=4 color="#990000">李清照</font>
<hr width=70 size=3 color="#FF0000" align=right></p>
薄雾浓云愁永画，瑞脑消金兽。<br>
佳节又重阳，玉枕纱厨，半夜凉初透。<br>
东离把酒黄昏后，有暗香盈袖。<br>
莫道不消魂，帘卷西风，人比黄花瘦。
<hr size=2 color="#FF0000" align=left >
</body>
</html>
运行这段代码，可以看到3 条不同效果的水平线。
5 去掉水平线阴影——noshade
在默认情况下，水平线是空心带阴影的立体效果，通过设置shade 参数可以将水平线的阴影去掉。
语法：<hr noshade>
实例代码：
<!--本实例中进行默认水平线和无阴影水平线的对比-->
<html>
<head>
<title>去掉水平线阴影</title>
</head>
<body>
<center>
<font face="黑体" size=5 color="#FF0000">泰山</font>
</center>
<hr width=130 size=4>
<p> 泰山西邻黄河，东依大海，巍峨的雄姿和茂盛的植被，形成了地方性气候，因此生云制雨，
是泰山常见的自然现象。</p>
<hr size=3 noshade>
</body>
</html>
运行代码，可以看到效果。