五，为Web页面增加一个媒体类型：图像

1，使用<img>元素在Web页面中放置图像。<img>元素是一个内联元素，浏览器不会在图像前后插入一个换行。

2，浏览器对<img>元素的处理与其他HTML元素稍有不同。读取HTML页面之后，浏览器会从Web服务器获取各个图像并显示。

3，如果Web页面上有多个大图像，则可以通过创建图像的缩略图使Web页面更可用，下载也更快，缩略图就是一些小图像(大图像的缩小版本)，用户单击这些缩略图时可以看到原来的大图像。

4，利用src属性指定图像文件的位置。可以在src属性中使用相对路径包含你自己网站中的图像，或者可以使用URL包含其他网站的图像。

5，<img>元素的alt属性是对图像的一个有意义的描述。在一些浏览器中，如果无法找到图像，就会显示这个描述，另外屏幕阅读器会使用这个属性为有视力障碍的人描述图像。

6，图像宽度要小于800像素，这是Web页面中关于照片大小的一个好经验。数码相机拍摄的大多数照片都太大，不能很好的放在Web页面中，对于浏览器来说太大的图像会使Web页面很难使用，而且下载和显示都会很慢，所以需要调整它们的大小。

7，JPEG、PNG和GIF使Web浏览器广泛支持的3种图像格式。

8，JPEG格式最适合保存照片和其他复杂图像。它可以按不同质量压缩，所以可以很好的权衡图像质量和文件大小，来满足你的需要。

9，GIF或PNG格式最适合保存logo和其他包含单色、线条或文本的简单图形。并且它可以允许建立一个有透明背景的图像。如果把一个有透明背景的图像放在一个Web页面中，图像后面的东西(如页面的背景色)就会透过图像的透明部分显示出来。

10，GIF和PNG是无损格式，这说明相比于JPEG文件，这些格式的文件往往更大。PNG可以提供比GIF更好的透明度控制，而且不像GIF只支持256种颜色，PNG可以支持更多的颜色(PNG有3种不同的大小选择：PNG-24(支持数百万种颜色)、PNG-16(支持数千种颜色)、PNG-8(支持256种颜色))。

11，图像可以用作指向其他Web页面的链接。要由图像创建一个链接，可以使用<img>元素作为<a>元素的内容，将链接放在<a>元素的href属性中。

12，如果把一个透明的图像放在Web页面中，则要确保这个图像的蒙版颜色与Web页面的背景色一致。透明图像可以使用PNG或GIF格式。