這篇文章主要介紹了HTML img標(biāo)簽的src屬性怎么用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
首先我們來(lái)看看img標(biāo)簽的定義：
圖片也是網(wǎng)頁(yè)中最常見的html元素，而且是相當(dāng)重要的一部分。在html網(wǎng)頁(yè)中，圖像由標(biāo)簽定義，
是空html標(biāo)簽或說(shuō)是單標(biāo)簽，它只包含屬性，沒(méi)有閉合標(biāo)簽。
img標(biāo)簽的src屬性的定義：
標(biāo)簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對(duì)路徑或相對(duì)路徑。
提示：為了整理文檔的存儲(chǔ)，創(chuàng)作者通常會(huì)把圖像文件存放在一個(gè)單獨(dú)的文件夾中，而且通常會(huì)將這些目錄命名為 "pics" 或者 "images" 之類的名稱。在 W3School 在線教程中，我們的工程師把大部分常用的圖像都存放到一個(gè)名為 "i" 的文件夾中，"i"是 "images" 的縮寫，這樣做的好處是可以大程度地簡(jiǎn)化路徑。
src屬性是引入圖片的地址，沒(méi)有它標(biāo)簽就沒(méi)意義了。
HTML img標(biāo)簽的src屬性的格式：
說(shuō)明：圖片地址：儲(chǔ)圖像的位置；圖片描述：對(duì)圖片意思的說(shuō)明，如果圖片不能顯示，則顯示該說(shuō)明。
HTML img標(biāo)簽的src屬性的使用說(shuō)明：
直接給src屬性一個(gè)服務(wù)器端資源的地址，img控件會(huì)自動(dòng)獲取并解析資源。
圖片和HTML文本在同一目錄下：例如index.html和img.jpg
寫法：
圖片和HTML不在同一目錄下：有分兩種情況：
1.圖片img.jpg在文件夾images中，index.html和images文件夾在同一個(gè)目錄下
寫法：
2.圖片img.jpg在文件夾images中，index.html在controller文件夾中，images和controller文件夾在同一個(gè)目錄下
寫法：
如果源是來(lái)自網(wǎng)上的 那就必須要用絕對(duì)路徑
寫法：
如果沒(méi)有圖片時(shí)，瀏覽器將顯示alt中的文字代替。
img中的src屬性的圖片路徑的使用方式:
1.html文件跟*.jpg文件(f盤)在不同目錄下：
2.html文件跟*.jpg圖片在相同目錄下：
;
3.html文件跟*.jpg圖片在不同目錄下：
a.圖片*.jpg在image文件夾中，*html跟image在同一目錄下：
b.圖片*jpg在image文件夾中，*html在connage文件夾中，image跟connage在同一目錄下：
4.如果圖片來(lái)源于網(wǎng)絡(luò)，那么寫絕對(duì)路徑：
HTML img標(biāo)簽的src屬性的屬性：
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML img標(biāo)簽的src屬性怎么用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)建站，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!
重慶分公司
重慶分公司
