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