HTML学习记录5--（参照《Head First HTML 与 CSS》）

照片和复杂图片用JPEG

1.最适合连续色调图像。
2.是一种有损格式，会丢掉图像的一些信息。
3.不支持透明度。
4.文件比较小。
5.不支持动画。

单色图像，logo和几何图形用png或GIF

PNG

1.PNG最适合单色图像和线条构成的图像（如logo，剪贴画和小文本）
2.PNG会压缩文件来缩小文件大小，但是这是一种无损格式。
3.可以将颜色设置为透明，使图像下面的东西可以设置出来。

GIF

1.GIF类似于PNG适合单色图像和线条构成的图像。
2.GIF也是一个无损模式。
3.也支持透明度，但是只允许一种颜色透明。
4.支持动画。
5.一般比JPEG文件要小。

<img>

1.src的属性不再是相对链接，还能是其他网络上的图片，绝对路径
2.可以右键然后直接复制图像链接，或者打开后查看URL。
3.如果打不开，可以用一个描述图像的文本，用alt属性。

<img src="https://....." alt="the typical ....">

4.图像大小也可以用 width，height属性来调整。

<img src="https://...." width="48" height="100">,像素可以改变图片的大小，来避免有时候的翻页。