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

本篇文章主要講述的就是關於HTML中的添加圖片的代碼解釋分析，還有關於HTML圖片的正確使用路徑，讓我們一起來看看這篇文章吧

首先我們先認識一下html中添加圖片的代碼：

html中添加圖片的就是<img>標籤，是一個單標籤，是可以從任何地方拉來圖片添加的，但是你得正確的確定添加圖片的路徑，不然就顯示不出來圖片，這就是我們今天要說的兩個知識點。

我們先認識一下img標籤的正確用法，這樣才能確定怎麼添加圖片。

一般添加圖片的文法如下：

<img src="url">

如上，src屬性是img中必備的屬性，不然img就相當於沒用處了，沒地方放圖片，那這個標籤還要幹嘛，所以，我們要知道html img標籤的用法，這兩個就是連在一起的，我們必須要一起使用才行。(想看更多的HTML知識，歡迎來到topic.alibabacloud.comHTML編程課程)

還有我們本地製作HTML添加圖片一般都是把圖片放在自己的本地檔案夾中，與html檔案放在一起，一般都是一個文檔，有一個html,還有一個檔案夾叫img的是專門用於放圖片的檔案夾，我們一般都是把自己要上傳的圖片放到img檔案夾中。然後我們就可以這麼用img標籤連結本地的圖片了：

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

如上就是一般我們用img標籤的用法，連結本地的圖片1.jpg，把圖片放到網頁上。

現在我們來說說正確的使用路徑吧：

上面說了，我們一般都是把圖片放在本地的檔案夾中，這樣我們就可直接連結圖片了，這樣的辦法是很好的，如何還向把圖片美化的更好，建議使用層疊樣式表css來實現，但是我們現在說的都是純html標籤和屬性來實現的，所以先不說css樣式了。

我們想象看，一般都是用<img src="img/1.jpg">,1.jpg這個是本地圖片的名字，當然你可以隨便的更改，這個都是可以的。這是我們最福士的用法。

來看看別的圖片怎麼串連，比如我們想串連別的檔案夾下的圖片，我們該怎麼辦呢？

讓我們來看看情況使用的文法吧：

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

這樣就出來了，如，我們就串連到了e盤“wenjian”的檔案夾下的“tupian”檔案夾下的1.jpg圖片了。

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

還有一種就是連結網上的圖片:

想要網上的圖片的網址，就在網站圖片上面右擊複製圖片網址。這樣就可以把圖片的網址複製了。

然後我們使用img標籤來把圖片放到我們自己的網頁上去。如：

<img src="http://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg">

這樣就是可以調用圖片放在自己的網頁上來顯示了，就是有點麻煩而已。大家可以多試試這幾種方法

本篇關於圖片標籤的代碼和正確使用路徑的正確方式都說完（想學更多標籤知識，就來topic.alibabacloud.com，這裡有所有你想要學的編程課程，絕對是你學習編程的不二之遠），有問題的可以在下方提問。