HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？
時間：2023-07-06 02:27:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-07-06 02:27:01 來源：網(wǎng)站運(yùn)營
HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？：
首先我們先認(rèn)識一下html中添加圖片的代碼：html中添加圖片的就是
<img>標(biāo)簽，是一個單標(biāo)簽，是可以從任何地方拉來圖片添加的，但是你得正確的確定添加圖片的路徑，不然就顯示不出來圖片，這就是我們今天要說的兩個知識點。
我們先認(rèn)識一下img標(biāo)簽的正確用法，這樣才能確定怎么添加圖片。
一般添加圖片的語法如下：> <img src="url">如上，src屬性是img中必備的屬性，不然img就相當(dāng)于沒用處了，沒地方放圖片，那這個標(biāo)簽還要干嘛，所以，我們要知道html img標(biāo)簽的用法，這兩個就是連在一起的，我們必須要一起使用才行。
還有我們本地制作HTML添加圖片一般都是把圖片放在自己的本地文件夾中，與html文件放在一起，一般都是一個文檔，有一個html,還有一個文件夾叫img的是專門用于放圖片的文件夾，我們一般都是把自己要上傳的圖片放到img文件夾中。然后我們就可以這么用img標(biāo)簽鏈接本地的圖片了：
> <img src="img/1.jpg">如上就是一般我們用img標(biāo)簽的用法，鏈接本地的圖片1.jpg，把圖片放到網(wǎng)頁上。
現(xiàn)在我們來說說正確的使用路徑吧：上面說了，我們一般都是把圖片放在本地的文件夾中，這樣我們就可直接鏈接圖片了，這樣的辦法是很好的，如何還向把圖片美化的更好，建議使用層疊樣式表css來實現(xiàn)，但是我們現(xiàn)在說的都是純html標(biāo)簽和屬性來實現(xiàn)的，所以先不說css樣式了。
我們想象看，一般都是用
<img src="img/1.jpg">,1.jpg這個是本地圖片的名字，當(dāng)然你可以隨便的更改，這個都是可以的。這是我們最大眾的用法。
來看看別的圖片怎么連接，比如我們想連接別的文件夾下的圖片，我們該怎么辦呢？
讓我們來看看情況使用的語法吧：
<img src="e:/wenjian/tupian/1.jpg">這樣就出來了，如上圖，我們就連接到了e盤“wenjian”的文件夾下的“tupian”文件夾下的1.jpg圖片了。
這也是一種常見的用法，有些圖片別的文檔也需要時，這樣做是最好的，把圖片放到一個容易找到的位置。這樣就能一直用下去了。
還有一種就是鏈接網(wǎng)上的圖片:想要網(wǎng)上的圖片的網(wǎng)址，就在網(wǎng)站圖片上面右擊復(fù)制圖片網(wǎng)址。這樣就可以把圖片的網(wǎng)址復(fù)制了。
然后我們使用img標(biāo)簽來把圖片放到我們自己的網(wǎng)頁上去。如下圖：
> <img src="https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg">這樣就是可以調(diào)用圖片放在自己的網(wǎng)頁上來顯示了，就是有點麻煩而已。大家可以多試試這幾種方法
從最零基礎(chǔ)開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰(zhàn)【視頻＋工具＋系統(tǒng)路線圖】都有整理，在線解析，學(xué)習(xí)指導(dǎo)，點：【W(wǎng)EB前端學(xué)習(xí)圈⑤】
在線咨詢
