《Head first HTML与CSS 第二版》读书笔记 第五章 图像

摘要: 本章主要讲授<img>标签和三种常用的web图片格式。

Web上常用的图片格式有三种：

JPEG	PNG	GIF
适合连续色调图像，如照片。	适合单色图像和线条构成的图像 （如logo、剪贴画和图像中的小文本）。	类似于PNG， 适合于单色图像和线条构成的图像。
可以表示1600万中不同颜色。	可以表示百万中不同颜色， 有三种：PNG-8，PNG-24，PNG-32。	可以表示256中不同颜色。
有损格式，缩小文件会丢失信息。	无损格式	无损格式
不支持透明	支持透明	支持透明
文件比较小	与相应的JPEG相比更大一些。取决于颜色数可能比GIF大，也可能比GIF小。	GIF比相应的JPEG要打一些。
不支持动画	不支持动画	支持动画

<img>元素的src属性指定了Web页面上图像文件的位置，可以是相对路径也可以是URL。

<img>元素的alt属性指定描述这个图像的一些文本。如果图像未能显示，就会使用这些文本来取代它。

<img>元素的width和height属性指定图像的宽和高，单位是像素。可以使用这对属性来预先告诉浏览器图片的大小，因为浏览器是在加载完成HTML页面后再加载图像的。如果不指定宽和高，浏览器就会在加载图像后重新调整之前的布局。也可以提供与实际图像不同的宽高值，这样浏览器会相应的缩放图像，不过最好不要这么做。