水平分隔线可以从视觉上将文档分割成各个不同的部分。这样可以给浏览者一个整洁而明确的视觉指示,告诉他们文档一个部分已经结束,而另一个部分即将开始。水平分隔线有效的将文本分割成小块,并界定了文档的页首和页尾,另外还突出了对文档内标题的显示。
<hr>标签:
此标签告诉浏览器要插入一条横跨整个窗口的水平分隔线。注意:
①该标签没有结束标签
②同<br>标签一样也强制执行一个简单的换行
③导致段落对齐重新重新回到左对齐
详细属性如下图:
属性说明:
align属性:创建左对齐或者右对齐的分隔线。属性值可能有三个:left\center\right。注意:那些宽度小于当前文
本流宽度的分隔线会相对于窗口边界进行定位。默认的对其方式是center。
color属性:设置分隔线的颜色。默认情况下,分隔线的颜色与文档的背景颜色相同,只是凹陷的边缘部分背景颜色
略深或者略浅。当指定颜色的时候,就会失去这种凹陷的3D效果。
noshade属性:使水平线不出现阴影。属性值为noshade。
size和width属性:分别设置分隔线的高度(上下方向)和宽度(左右方向)。
代码示例:
<body>
<title>此处是正文的标题</title>
<hr align="center" width="650" size="4" color="#006699" noshade="noshade"/>
</body>
运行结果展示: