本篇內容介紹了“html圖片標簽、絕對路徑和相對路徑的使用方法是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供海州企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站設計、網(wǎng)站制作、H5技術、小程序制作等業(yè)務。10年已為海州眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。

圖片標簽、絕對路徑和相對路徑，［］< img >標簽 代表 圖片，img標簽的作用是向網(wǎng)頁中插入一張圖片，并不是將圖片繪制到網(wǎng)頁中。

src 屬性：“插入”圖片到網(wǎng)頁中去。

alt 屬性：值可以是一段文字，當圖片由于各種原因無法顯示時，alt屬性的值就會被顯示在網(wǎng)頁上。

width/height 屬性：設置圖片的寬度／高度；不適合用于圖片，可用于純色圖的拉伸；單位可以是px，也可以是％，單位為％時是指占窗體寬高的百分比大小。

1. 

2. 

3. 

4.    

5. 

6. 

7. 

8. 

9. 

推薦< img >標簽中加上“/”來關閉標簽。

推薦使用PNG圖片格式

當圖片無法正確加載時會出現(xiàn)圖片錯誤的圖標： 
圖片加載錯誤

可能導致圖片錯誤的原因： 
1. 路徑名寫錯了 
2. 引用的圖片被刪除了 
3. 網(wǎng)絡問題

像素：顯示內容基本長度單位 pixel。

位圖：圖片中每一個像素都由4個數(shù)字（argb）組成（0-255），原則上不能拉伸因為會導致失真。 
a：透明度；r：紅色；g：綠色；b：藍色

矢量圖：可以隨意拉伸。
通過圖片的拉伸可以將一張很小的純色圖片冒充為一張大圖，節(jié)約資源的加載。

絕對路徑：使用圖片在硬盤上的絕對位置來訪問圖片，通常是從根目錄開始，向下一個目錄一個目錄的尋找；在開發(fā)網(wǎng)頁的過程中，一般不會使用絕對路徑

相對路徑：指的是相對于當前網(wǎng)頁的路徑。 
相對路徑的起點就是

src的值就是路徑。

“..” 在路徑中代表當前網(wǎng)頁所在目錄的上一級目錄 
“.” 在路徑中代表當前網(wǎng)頁所在目錄

1. 

“html圖片標簽、絕對路徑和相對路徑的使用方法是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質量的實用文章！