免费建设网站：水平线的标记为< hr>。

  7．水平线

  水平线的标记为< hr>。

  格式：

  该标记的size属性表示水平线的粗细，其单位是像素；width属性表示水平线的长度，可以指定绝对线长，也可以指定水平线长度占窗口宽度的百分比，如< hr width=”50”／>或< hr width=”50%”／>都是允许的；align属性用于指定水平方向上的对齐方式，left表示左端与左边界对齐，right表示右端与右边界对齐，缺省时水平线出现在窗口正中。

    水平线一般用于分隔同一文件的不同部分，对于组织信息很有用处。在页面中，可以使用一条或多条水平线以可视方式分隔文本和对象。

    操作：打开Windows操作系统的“记事本”工具，输入如下代码。

  将文件另存为2 3 7．htm。保存后双击文件，通过IE浏览器查看。上面这段代码在

IE 9中的显示结果如图2-9所示。

    图2-9水平线的显示效果

  8．转义字符与特殊字符

  在HTML语言中“<”、“>”、“&'’有特殊的含义（前两个字符用于标记，&用于转义），不能直接使用，当需要使用这类字符时，应使用它们的转义字符。另外，通常情况下，HTML语言会自动截去多余的空格，不管加多少个空格，显示时都被看做是一个空格。当需要在页中加人多个连续的空格时，也要使用空格的转义字符。HTML语言中常见的转义字符如下：

任务2掌握超文本标记语言HTML

    (1)＆的转义序列为&amp；或&#38。

    (2)<的转义序列为&t；或&#60。

    (3)>的转义序列为&gt；或&#62。

    (4)”的转义序列为&quot；或&#34。

    (5)空格的转义序列为&ibsp；或&#160。

    上面5条中，前者为字符的转义序列，后者为数字的转义序列，例如：

这段代码的结果为< font>，若直接写为<font>则被认为是一个标记。

    需要说明的是：

    (1)转义序列各字符间不能有空格。

    (2)转义序列必须以分号“；”结束。

    (3)单独的＆不被认为是转义开始的标记。 操作：打开Windows操作系统的“记事本”工具，输入如下代码。将文件另存为2-3—8．htm。保存后双击文件，通过IE浏览器查看。上面这段代码在

IE 9中的显示结果如图2-10所示。

    src属性指明了所要链接的图像文件的地址，这个图像文件可以是本地计算机上的，也可以是位于远端主机上的。虽然图像文件格式有很多种，但在网页中，HTML语言支持的图像格式只有GIF、PNG、JPEG 3种：

    (1) GIF( Graphics Interchange Format，图形交换格式)格式。GIF格式最多可使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像。

    (2) PNG( Portable Network Graphics，可移植网络图形)格式。PNG格式是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及alpha通道透明度的支持。PNG文件可保留所有原始层、矢量、颜色和效果信息（如阴影），并且在任何时候所有元素都是可以编辑的。PNG文件具有较大的灵活性且文件较小，因此，PNG格式对几乎所有类型的Web图形都是最适合的。但是，有些浏览器只能部分支持PNG图像的显示。

    (3)JPEG（Joint Photographic Experts Group，联合图像专家组）格式。JPEG格式是用于摄影或连续色调图像的较好格式，这是因为JPEG格式可以包含数百万种颜色。随着JPEG文件品质的提高，文件的大小和下载时间也会随之增加。通常，可以通过压缩时的设置使PEG文件在图像品质和文件大小之间达到良好的平衡。

    对图像处理后，保存为这3种格式中的任何一种，浏览器都可以显示图像的内容。在网页中加入图像之前，首先要确保图像文件存在且路径正确，然后再将< img>标记加入到网页中。