HTML和CSS（五），

第五章 给你的网页添加图像——认识媒体

---

目录

第五章 给你的网页添加图像——认识媒体

一、浏览器处理图像

二、元素

三、要点

---

一、浏览器处理图像

当浏览器遇到一个<img>元素，：先接受图像，再在页面上显示

JPEG和GIF的不同：

JPEG	GIF
照片和复杂图像	纯色图像、logo、几何图形
可在连续调次（复制品中有中间层次，如照片）图像中获得最好效果	对于几种纯色组成的图像、线条组成的图像（如logo、剪贴画）和含有小段文字的图像比较合适
可以用1600万种不同的颜色显示图像	用256种颜色显示图像
是一种“有损”格式（文件缩小时会丢失部分图像信息）	“无损”格式，会压缩文件来减小尺寸，但不会丢失任何东西
不支持透明	允许把背景颜色设为透明，图像背景可以穿透显示

二、<img>元素

<img src="images/drinks.gif">

       <img>元素是一个内联元素，前后不会插入换行。

       <img>元素是一个空元素。

       src属性制定了要早起网页上显示的图像文件的位置。

       src属性不止用于相对路径，也可以把URL放到src属性中。

       可以使用alt属性为访问者提供图像信息。（alt是一小段描述图像的文字，如果图像不能显示就用这段文字）

       尺寸：width（宽度）和height（高度）（用像素的数量指定）

              浏览器在缩小大图像来配合网页之前要先下载在整个大图像。

缩略图到大图的链接：

       为图像创建单独的页面

       创建图像的链接（在<a>元素中放置<img>元素）

       （大多数浏览器会在可链接的图像周围加边框）

       （可以直接链接到图像）

三、要点