您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“html圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑的使用方法是什么”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑,[]< img >標(biāo)簽 代表 圖片,img標(biāo)簽的作用是向網(wǎng)頁中插入一張圖片,并不是將圖片繪制到網(wǎng)頁中。
src 屬性:“插入”圖片到網(wǎng)頁中去。
alt 屬性:值可以是一段文字,當(dāng)圖片由于各種原因無法顯示時(shí),alt屬性的值就會(huì)被顯示在網(wǎng)頁上。
width/height 屬性:設(shè)置圖片的寬度/高度;不適合用于圖片,可用于純色圖的拉伸;單位可以是px,也可以是%,單位為%時(shí)是指占窗體寬高的百分比大小。
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 >標(biāo)簽中加上“/”來關(guān)閉標(biāo)簽。
推薦使用PNG圖片格式
當(dāng)圖片無法正確加載時(shí)會(huì)出現(xiàn)圖片錯(cuò)誤的圖標(biāo):
圖片加載錯(cuò)誤
可能導(dǎo)致圖片錯(cuò)誤的原因:
1. 路徑名寫錯(cuò)了
2. 引用的圖片被刪除了
3. 網(wǎng)絡(luò)問題
像素:顯示內(nèi)容基本長度單位
pixel。
位圖:圖片中每一個(gè)像素都由4個(gè)數(shù)字(argb)組成(0-255),原則上不能拉伸因?yàn)闀?huì)導(dǎo)致失真。
a:透明度;r:紅色;g:綠色;b:藍(lán)色
矢量圖:可以隨意拉伸。
通過圖片的拉伸可以將一張很小的純色圖片冒充為一張大圖,節(jié)約資源的加載。
絕對(duì)路徑:使用圖片在硬盤上的絕對(duì)位置來訪問圖片,通常是從根目錄開始,向下一個(gè)目錄一個(gè)目錄的尋找;在開發(fā)網(wǎng)頁的過程中,一般不會(huì)使用絕對(duì)路徑
相對(duì)路徑:指的是相對(duì)于當(dāng)前網(wǎng)頁的路徑。
相對(duì)路徑的起點(diǎn)就是
src的值就是路徑。
“..” 在路徑中代表當(dāng)前網(wǎng)頁所在目錄的上一級(jí)目錄
“.” 在路徑中代表當(dāng)前網(wǎng)頁所在目錄
1. <img src="../a.png" />
“html圖片標(biāo)簽、絕對(duì)路徑和相對(duì)路徑的使用方法是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。