6.1 插入网页图像

一个网页少不了一些优美的图片，图片能直观、形象地让人明白网页所要表达的意思，而一张好的图片会给页面带来很高的点击率。下面就来介绍一下图片的格式和如何插入图片。

6.1.1 网页图像格式

网页中使用的图片格式有GIF、JPG、PNG、BMP、TIFF等，其中应用最广泛的是GIF和PNG两种格式。

1．GIF

GIF是20世纪80年代由CompuServe公司提出的图像文件格式，它是Web上最常用的图像格式之一，可以用来存储各种图像文件。GIF是通过减少组成图像像素的存储位数和LZH压缩存储技术来减少图像文件的大小的，GIF图像文件很小，下载速度很快，在低颜色数下GIF比JPEG装载更快，可用许多具有同样大小的图像文件组成动画，在GIF图像中可指定透明区域，使图像具有特殊的效果。

2．PNG

PNG是20世纪90年代提出的图像文件存储格式，其目的是替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位。

PNG是很好的网络图像格式，PNG格式具有不失真、兼有GIF和JPG的色彩模式、网络传输速度快等特点。它使用从LZ77派生的无损数据压缩算法，一般应用于Java程序、网页程序中，生成的文件体积小，压缩比高。

6.1.2 插入图像标签

在网页中插入图像使用<img>标签，常使用的一些<img>标签属性如表6-1所示。

表6-1 <img>标签属性

【例6-1】（实例文件：ch06\Chap6.1.html）插入图像标签。

相关的代码实例请参考Chap6.1.html文件，在IE浏览器中运行的结果如图6-1所示。

图6-1 插入图片