13、HTML 中水平规则与图像的运用技巧

HTML 中水平规则与图像的运用技巧

在 HTML 和 XHTML 文档中，合理运用水平规则和插入图像等多媒体元素，能让文档更具吸引力和专业性。下面将详细介绍水平规则和图像的相关知识与运用技巧。

1. 水平规则的运用

水平规则能在视觉上分隔文档的不同部分，为读者提供清晰的视觉提示，表明一个部分结束，另一个部分开始。它可以有效划分小的文本段落、界定文档的页眉和页脚，还能为文档中的标题增添视觉效果。

1.1 <hr> 标签

<hr> 标签用于在浏览器的显示窗口中插入一条水平规则。在 HTML 中，该标签没有结束标签；而在 XHTML 中，需要在标签的最后加上结束标签斜杠 / （如 <hr .../> ），或者紧接着使用结束标签（如 <hr></hr> ）。

<hr> 标签的功能是中断文本流并插入水平规则，它具有多个属性，如下表所示：
| 属性 | 说明 |
| — | — |
| align | 对齐方式，值可以为 left、center 或 right |
| class | 类名，用于样式设置 |
| color | 规则的颜色（仅 Internet Explorer 支持） |
| dir | 文本方向 |
| id | 元素的唯一标识符 |
| lang | 语言代码 |
| noshade |