首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入html代碼：。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)添加的本地圖片的路徑是相對(duì)路徑。
添加 標(biāo)簽，資源“src”里面填寫(xiě)本地圖片的路徑名：用瀏覽器打開(kāi)文件，即可看到圖片已添加成功，如下圖所示 img標(biāo)簽定義及使用說(shuō)明： 標(biāo)簽定義 HTML 頁(yè)面中的圖像。 標(biāo)簽有兩個(gè)必需的屬性：src 和 alt。
打開(kāi)網(wǎng)頁(yè)編輯器Dreamweaver。點(diǎn)擊上方工具欄中的插入-圖像。在彈出的對(duì)話(huà)框中瀏覽自己圖片的位置，點(diǎn)擊確定即可。
準(zhǔn)備一個(gè)html文件和一張圖片，并放在同一個(gè)文件夾里面 打開(kāi)html文件，按下圖中紅色框選出來(lái)的位置在body標(biāo)簽里面輸入，然后保存。
首先，將想插入的圖片放到一個(gè)文件夾中，例如文件夾名為images，文件名jpg. 之后， 在html中插入則可以鏈接成功。 當(dāng)然，你的html文件與images文件夾需要同級(jí)（在一個(gè)文件夾中）。
file：///盤(pán)符名：/目錄名/文件名 例如：要顯示d盤(pán)images下的的文件home.jpg，寫(xiě)法如下：file：///表示圖片來(lái)自于本地目錄中。
1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html。
2、首先，打開(kāi)html編輯器，新建html文件，例如：index.html，編寫(xiě)問(wèn)題基礎(chǔ)代碼。
3、插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入。
4、新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“/img”代碼。
5、html中可以用img標(biāo)簽插入圖片也可以用css的background插入。
1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html。
2、body 這里填寫(xiě)HTML代碼 /body /html 保存，重命名改一下后綴 .html。雙擊打開(kāi)可以看到這是一個(gè)沒(méi)有圖片的網(wǎng)頁(yè)。返回文件右鍵選擇記事本打開(kāi)。
3、在html和css階段，通?？梢允褂脙煞N方式來(lái)添加圖片。即使用html標(biāo)簽引入圖片和使用css中的background屬性添加背景圖。下面對(duì)這兩種方式做個(gè)簡(jiǎn)單的介紹巖辯派。
4、首先打開(kāi)Atom編輯器導(dǎo)入項(xiàng)目文件夾，先創(chuàng)建一個(gè)index.html 的文件。
在左側(cè)欄下面點(diǎn)擊圖片管理，如下圖所示。點(diǎn)擊添加圖片，就會(huì)看到如下頁(yè)面，如下圖所示。然后把需要的圖片添加進(jìn)去就好了，點(diǎn)擊開(kāi)始上傳，如果看到顯示上傳成功，就表示圖片上傳成功了，如下圖所示。
在代碼中經(jīng)常用到的插入圖片代碼是img屬性，格式就是 src后面是添加圖片的地址，后面的alt是對(duì)圖片的描述。在插入圖片前，要將html文件和圖片文件放在一個(gè)文件夾內(nèi)，這里的img文件夾就是專(zhuān)門(mén)存放圖片的地方。
首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入html代碼：。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)添加的本地圖片的路徑是相對(duì)路徑。
在 直接插入代碼 例如我這里用百度logo圖片地址。保存，再刷新剛剛打開(kāi)的網(wǎng)頁(yè)，現(xiàn)在成功的在網(wǎng)頁(yè)中怎么寫(xiě)插入圖片的代碼。
插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入。
1、當(dāng)圖片小于背景區(qū)域時(shí)，默認(rèn)從左上角開(kāi)始。如果要從任何位置開(kāi)始，可以使用background-position屬性設(shè)置x和y方向的偏移量。當(dāng)圖片大于背景區(qū)域時(shí)，只顯示圖片的左上角。當(dāng)圖片與背景區(qū)域大小相同時(shí)，顯示整個(gè)圖片。
2、代碼為： {background-image： url(URL)|none} 1，背景顏色 {background-color：數(shù)值}。2，背景重復(fù) {background-repeat：inherit|no-repeat|repeat|repeat-x|repeat-y}。
3、html中設(shè)置元素的背景色都是通過(guò)CSS中的background 屬性來(lái)完成。
4、在head標(biāo)簽中添加style標(biāo)簽，定義一個(gè)“bg”類(lèi)，為這個(gè)類(lèi)設(shè)置“background”屬性，屬性值為背景色。為span標(biāo)簽添加“class”屬性，屬性值為之前定義的“bg”類(lèi)，這時(shí)網(wǎng)頁(yè)的字體背景色就被添加上去了。
5、web中將圖片設(shè)為背景圖片的代碼是： 這樣就把圖片a.jpg設(shè)為背景圖片了。 這個(gè)是把背景設(shè)成灰色。
如圖所示，在new_file.html里面編輯：link href=css/css type=text/css rel=stylesheet/，就可以設(shè)置背景圖片的大小了；最后在瀏覽器中預(yù)覽一下，如圖為部分背景。
除了使用html的【img src=/】引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加。由于background系列屬性比較多，這里不做過(guò)多介紹，只說(shuō)幾個(gè)比較常用的屬性，其他的可參考官方文檔學(xué)習(xí)。
新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“/img”代碼。
首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的body標(biāo)簽中，輸入html代碼：img src=smallpng /。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)添加的本地圖片的路徑是相對(duì)路徑。
這里填寫(xiě)HTML代碼 /body /html 保存，重命名改一下后綴 .html。雙擊打開(kāi)可以看到這是一個(gè)沒(méi)有圖片的網(wǎng)頁(yè)。返回文件右鍵選擇記事本打開(kāi)。
