［］< img >標(biāo)簽 代表 圖片，img標(biāo)簽的作用是向網(wǎng)頁(yè)中插入一張圖片，并不是將圖片繪制到網(wǎng)頁(yè)中。
src 屬性：“插入”圖片到網(wǎng)頁(yè)中去。
alt 屬性：值可以是一段文字，當(dāng)圖片由于各種原因無(wú)法顯示時(shí)，alt屬性的值就會(huì)被顯示在網(wǎng)頁(yè)上。
width/height 屬性：設(shè)置圖片的寬度／高度；不適合用于圖片，可用于純色圖的拉伸；單位可以是px，也可以是％，單位為％時(shí)是指占窗體寬高的百分比大小。
<!DOCTYPE html><html><head> <title>image</title></head><body><img src="a.png" alt="picture" width="100px" height="100px" /></body></html>推薦< img >標(biāo)簽中加上“/”來(lái)關(guān)閉標(biāo)簽。
推薦使用PNG圖片格式
當(dāng)圖片無(wú)法正確加載時(shí)會(huì)出現(xiàn)圖片錯(cuò)誤的圖標(biāo)：
可能導(dǎo)致圖片錯(cuò)誤的原因：
1. 路徑名寫錯(cuò)了
2. 引用的圖片被刪除了
3. 網(wǎng)絡(luò)問(wèn)題
像素：顯示內(nèi)容基本長(zhǎng)度單位 pixel。
位圖：圖片中每一個(gè)像素都由4個(gè)數(shù)字（argb）組成（0-255），原則上不能拉伸因?yàn)闀?huì)導(dǎo)致失真。
a：透明度；r：紅色；g：綠色；b：藍(lán)色
矢量圖：可以隨意拉伸。
通過(guò)圖片的拉伸可以將一張很小的純色圖片冒充為一張大圖，節(jié)約資源的加載。
絕對(duì)路徑：使用圖片在硬盤上的絕對(duì)位置來(lái)訪問(wèn)圖片，通常是從根目錄開始，向下一個(gè)目錄一個(gè)目錄的尋找；在開發(fā)網(wǎng)頁(yè)的過(guò)程中，一般不會(huì)使用絕對(duì)路徑
相對(duì)路徑：指的是相對(duì)于當(dāng)前網(wǎng)頁(yè)的路徑。
相對(duì)路徑的起點(diǎn)就是
src的值就是路徑。
“..” 在路徑中代表當(dāng)前網(wǎng)頁(yè)所在目錄的上一級(jí)目錄
“.” 在路徑中代表當(dāng)前網(wǎng)頁(yè)所在目錄
<img src="../a.png" />聯(lián)系客服
