本篇內(nèi)容介紹了“html圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑的使用方法是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)建站一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶(hù)，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶(hù)多一個(gè)朋友！為您提供網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)頁(yè)設(shè)計(jì)、重慶小程序開(kāi)發(fā)、成都網(wǎng)站開(kāi)發(fā)、成都網(wǎng)站制作、成都軟件開(kāi)發(fā)、app開(kāi)發(fā)定制是成都本地專(zhuān)業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來(lái)見(jiàn)證！

圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑，［］< 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í)是指占窗體寬高的百分比大小。

1. 

2. 

3. 

4.    

5. 

6. 

7. 

8. 

9. 

推薦< img >標(biāo)簽中加上“/”來(lái)關(guān)閉標(biāo)簽。

推薦使用PNG圖片格式

當(dāng)圖片無(wú)法正確加載時(shí)會(huì)出現(xiàn)圖片錯(cuò)誤的圖標(biāo)： 
圖片加載錯(cuò)誤

可能導(dǎo)致圖片錯(cuò)誤的原因： 
1. 路徑名寫(xiě)錯(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ì)路徑：使用圖片在硬盤(pán)上的絕對(duì)位置來(lái)訪問(wèn)圖片，通常是從根目錄開(kāi)始，向下一個(gè)目錄一個(gè)目錄的尋找；在開(kāi)發(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è)所在目錄

1. 

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

本文題目：html圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑的使用方法是什么-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/djcedj.html