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

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页面后再加载图像的。若是不指定宽和高，浏览器就会在加载图像后从新调整以前的布局。也能够提供与实际图像不一样的宽高值，这样浏览器会相应的缩放图像，不过最好不要这么作。