HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？

首先我們先認(rèn)識(shí)一下html中添加圖片的代碼：

html中添加圖片的就是<img>標(biāo)簽，是一個(gè)單標(biāo)簽，是可以從任何地方拉來(lái)圖片添加的，但是你得正確的確定添加圖片的路徑，不然就顯示不出來(lái)圖片，這就是我們今天要說(shuō)的兩個(gè)知識(shí)點(diǎn)。

我們先認(rèn)識(shí)一下img標(biāo)簽的正確用法，這樣才能確定怎么添加圖片。

一般添加圖片的語(yǔ)法如下：

<img src="url">

如上，src屬性是img中必備的屬性，不然img就相當(dāng)于沒(méi)用處了，沒(méi)地方放圖片，那這個(gè)標(biāo)簽還要干嘛，所以，我們要知道html img標(biāo)簽的用法，這兩個(gè)就是連在一起的，我們必須要一起使用才行。(想看更多的HTML知識(shí)，歡迎來(lái)到PHP中文網(wǎng)HTML編程課程)

還有我們本地制作HTML添加圖片一般都是把圖片放在自己的本地文件夾中，與html文件放在一起，一般都是一個(gè)文檔，有一個(gè)html,還有一個(gè)文件夾叫img的是專門用于放圖片的文件夾，我們一般都是把自己要上傳的圖片放到img文件夾中。然后我們就可以這么用img標(biāo)簽鏈接本地的圖片了：

<img src="img/1.jpg">

如上就是一般我們用img標(biāo)簽的用法，鏈接本地的圖片1.jpg，把圖片放到網(wǎng)頁(yè)上。

現(xiàn)在我們來(lái)說(shuō)說(shuō)正確的使用路徑吧：

上面說(shuō)了，我們一般都是把圖片放在本地的文件夾中，這樣我們就可直接鏈接圖片了，這樣的辦法是很好的，如何還向把圖片美化的更好，建議使用層疊樣式表css來(lái)實(shí)現(xiàn)，但是我們現(xiàn)在說(shuō)的都是純html標(biāo)簽和屬性來(lái)實(shí)現(xiàn)的，所以先不說(shuō)css樣式了。

我們想象看，一般都是用<img src="img/1.jpg">,1.jpg這個(gè)是本地圖片的名字，當(dāng)然你可以隨便的更改，這個(gè)都是可以的。這是我們最大眾的用法。

來(lái)看看別的圖片怎么連接，比如我們想連接別的文件夾下的圖片，我們?cè)撛趺崔k呢？

讓我們來(lái)看看情況使用的語(yǔ)法吧：

<img src="e:\wenjian\tupian\1.jpg">

這樣就出來(lái)了，如上圖，我們就連接到了e盤“wenjian”的文件夾下的“tupian”文件夾下的1.jpg圖片了。

這也是一種常見(jiàn)的用法，有些圖片別的文檔也需要時(shí)，這樣做是最好的，把圖片放到一個(gè)容易找到的位置。這樣就能一直用下去了。

還有一種就是鏈接網(wǎng)上的圖片:

想要網(wǎng)上的圖片的網(wǎng)址，就在網(wǎng)站圖片上面右擊復(fù)制圖片網(wǎng)址。這樣就可以把圖片的網(wǎng)址復(fù)制了。

然后我們使用img標(biāo)簽來(lái)把圖片放到我們自己的網(wǎng)頁(yè)上去。如下圖：

<img src="http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/article/000/000/003/5a9675a3b2106284.jpg">

這樣就是可以調(diào)用圖片放在自己的網(wǎng)頁(yè)上來(lái)顯示了，就是有點(diǎn)麻煩而已。大家可以多試試這幾種方法

本篇關(guān)于圖片標(biāo)簽的代碼和正確使用路徑的正確方式都說(shuō)完（想學(xué)更多標(biāo)簽知識(shí)，就來(lái)PHP中文網(wǎng)，這里有所有你想要學(xué)的編程課程，絕對(duì)是你學(xué)習(xí)編程的不二之遠(yuǎn)），有問(wèn)題的可以在下方提問(wèn)。

【小編推薦】

html5 embed標(biāo)簽的loop屬性是怎么用的？embed標(biāo)簽的屬性總結(jié)！

html5draggable屬性是如何做到頁(yè)面拖動(dòng)效果的？方法總結(jié)在這里！

以上就是HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！