5认识媒体：给网页添加图像

浏览器遇到<img>元素时，要经行特殊处理，浏览器必须先接收图像，然后才能在该页面上显示图像。

网站中常用的图像只有两种：JPEG和GIF。照片和复杂图像使用JPEG格式，是一种“有损”格式。纯色图像、logo和几何图形使用GIF格式，是种“无损”格式，可以创建带透明背景的图像。

<img src="XXX" alt="XXX” width="XX" height="XX">img是空元素，HTML页是纯文本，所以图像永远不是网页的一部分。img是内联元素，前后不会插入换行。src属性指定了要在网页上显示的图像文件的位置。src属性不知用于相对路径，也可以把URL放在src属性中。网上的每张图像都有自己的URL，就像网页一样。alt属性用来为访问者提供图像信息，如果图像不能显示，就用这段文字代替。width和height属性可以预想告诉浏览器页面中图像的大小。高度和宽度都是用像素的数量指定的。把图像的宽度和高度设为原来的尺寸，那它们就是提供信息的，可以使得浏览器在现实网页之前先安排好布局（浏览器是在下载完HTML文件并显示页面后才下载图像的）。如果使用width和height来调整浏览器的图像大小，那就是在为外观使用属性，这种用法不推荐（用CSS会更好）。

800像素是大多数人设置的浏览器的典型宽度。所以，800像素作为图像的最大宽度是最佳的显示方案（网页也一样），所以一般保持图像的宽度小于800像素。对于显示器而言，一般是72像素/英寸~120像素/英寸。

在<a>元素中放置<img>元素，可以创建图像的连接。