__x__(11)0906第三天__圖片標籤

圖片標籤 

---

 

<img src="images/1.gif" alt="冰河世紀的大松鼠" width="80%" />

Hello Web!`

這是一個內聯元素。

 

---

 使用<img />標籤向網頁引入一張圖片：

• src：圖片至關於源代碼的位置，支持 當前文件夾「.」，上一級文件夾「..」。
• alt：通常都會編寫備註，在圖片沒法顯示時，網頁上可見。且能夠被搜索引擎檢索，符合時，收錄圖片。
• width/height：寬/高，通常指定一個，按比例進行縮放。

---

圖片的格式：

• PNG：支持的顏色多，且支持複雜透明。。。通常保存顏色複雜或者須要透明的圖。
• JPEG：支持的顏色較多，圖片能夠壓縮，但不支持透明。。。通常保存色彩鮮豔的圖片。
• GIF：支持顏色少，只支持簡單的透明，支持動態圖。。。通常保存顏色單一或者動態的圖片。

一樣的效果，選擇圖片大小小的哪種格式。。。通常開發中，除了自適應頁面開發，其餘狀況不建議設置 width 和 height，而是要美工裁出指定大小的圖。