這篇文章給大家分享的是有關(guān)HTML中如何添加圖片的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站制作與策劃設(shè)計(jì),崇左網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:崇左等地區(qū)。崇左做網(wǎng)站價(jià)格咨詢:13518219792

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

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

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

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

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

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

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

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

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

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

來看看別的圖片怎么連接，比如我們想連接別的文件夾下的圖片，我們該怎么辦呢？

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

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

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

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

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

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

感謝各位的閱讀！關(guān)于HTML中如何添加圖片就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站欄目：HTML中如何添加圖片-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/jppjd.html