《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頁面後再加載圖像的。若是不指定寬和高，瀏覽器就會在加載圖像後從新調整以前的佈局。也能夠提供與實際圖像不一樣的寬高值，這樣瀏覽器會相應的縮放圖像，不過最好不要這麼作。