angular中如何添加config配置檔案_HTML中添加圖檔的代碼是什麼？html如何正确的添加圖檔路徑？

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

html中添加圖檔的就是

<img>

标簽，是一個單标簽，是可以從任何地方拉來圖檔添加的，但是你得正确的确定添加圖檔的路徑，不然就顯示不出來圖檔，這就是我們今天要說的兩個知識點。

我們先認識一下img标簽的正确用法，這樣才能确定怎麼添加圖檔。

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

> <img src="url">
           

如上，src屬性是img中必備的屬性，不然img就相當于沒用處了，沒地方放圖檔，那這個标簽還要幹嘛，是以，我們要知道html img标簽的用法，這兩個就是連在一起的，我們必須要一起使用才行。

還有我們本地制作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:wenjiantupian1.jpg">
           

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

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

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

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

然後我們使用img标簽來把圖檔放到我們自己的網頁上去。如下圖：

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

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

本篇關于圖檔标簽的代碼和正确使用路徑的正确方式都說完（想學更多标簽知識，就來PHP中文網，這裡有所有你想要學的程式設計課程，絕對是你學習程式設計的不二之遠），有問題的可以在下方提問。

以上就是HTML中添加圖檔的代碼是什麼？html如何正确的添加圖檔路徑？的詳細内容，更多請關注我！！！

從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular架構等到移動端HTML5的項目實戰【視訊＋工具＋系統路線圖】都有整理，線上解析，學習指導，點：【WEB前端學習圈⑤】