溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“html圖片標簽、絕對路徑和相對路徑的使用方法是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
圖片標簽、絕對路徑和相對路徑，［］< img >標簽 代表 圖片，img標簽的作用是向網頁中插入一張圖片，并不是將圖片繪制到網頁中。
src 屬性：“插入”圖片到網頁中去。
alt 屬性：值可以是一段文字，當圖片由于各種原因無法顯示時，alt屬性的值就會被顯示在網頁上。
width/height 屬性：設置圖片的寬度／高度；不適合用于圖片，可用于純色圖的拉伸；單位可以是px，也可以是％，單位為％時是指占窗體寬高的百分比大小。
1. <font size="3"><!DOCTYPE html>
2. <html>
3. <head>
4. <title>image</title>
5. </head>
6. <body>
7. <img src="a.png" alt="picture" width="100px" height="100px" />
8. </body>
9. </html></font>
推薦< img >標簽中加上“/”來關閉標簽。
推薦使用PNG圖片格式
當圖片無法正確加載時會出現圖片錯誤的圖標：
圖片加載錯誤
可能導致圖片錯誤的原因：
1. 路徑名寫錯了
2. 引用的圖片被刪除了
3. 網絡問題
像素：顯示內容基本長度單位
pixel。
位圖：圖片中每一個像素都由4個數字（argb）組成（0-255），原則上不能拉伸因為會導致失真。
a：透明度；r：紅色；g：綠色；b：藍色
矢量圖：可以隨意拉伸。
通過圖片的拉伸可以將一張很小的純色圖片冒充為一張大圖，節約資源的加載。
絕對路徑：使用圖片在硬盤上的絕對位置來訪問圖片，通常是從根目錄開始，向下一個目錄一個目錄的尋找；在開發網頁的過程中，一般不會使用絕對路徑
相對路徑：指的是相對于當前網頁的路徑。
相對路徑的起點就是
src的值就是路徑。
“..” 在路徑中代表當前網頁所在目錄的上一級目錄
“.” 在路徑中代表當前網頁所在目錄
1. <img src="../a.png" />
“html圖片標簽、絕對路徑和相對路徑的使用方法是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
