1、1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中使用src屬性就可以插入圖片路徑就成功了3接著是用css插入，在div中設(shè)置class。

2、在HTML中插入圖片的方法有直接在html代碼上插入在CSS樣式中插入在JavaScript中通過(guò)給img設(shè)置src值來(lái)插入圖片innerHTML插入img屬性來(lái)插入圖片如果一個(gè)頁(yè)面中僅有文字會(huì)顯得很單調(diào)，枯燥乏味，但是當(dāng)我們添加了一些圖片在上面時(shí)會(huì)顯得好看多了，今天將向大家介紹如何在HTML頁(yè)面上插入圖片推薦課程H。

3、01 首先我們打開sublime text軟件，新建一個(gè)html頁(yè)面，然后在在頁(yè)面中添加html的基本結(jié)構(gòu)，如下圖所示 02 然后我們?cè)趆tml的body區(qū)域添加一個(gè)div，并且給div設(shè)置一下寬高以及邊框的樣式，如下圖所示 03 運(yùn)行程序以后，你就會(huì)看到。

4、1首先打開sublime_text軟件，在其中新建一個(gè)html文件，然后寫入最簡(jiǎn)單的網(wǎng)頁(yè)格式代碼2然后新建一個(gè)高200px，寬200px，顏色為藍(lán)色的div盒子3接著在代碼中加入backgroundimage，然后引入一張圖片，url里面的是圖片的相對(duì)路徑地址，相對(duì)的是html文件所在目錄4最后打開瀏覽器，就可以看到插入好。

5、html插入圖片有兩種方式一種是通過(guò)ltimg標(biāo)簽插入的正常的圖片，另一種是通過(guò)css樣式插入的背景圖片問題分析1首先你是通過(guò)第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過(guò)ltimg標(biāo)簽的方式來(lái)插入的話，可以通過(guò)ltimg自身的屬性控制圖片大小。

6、1html中可以用img標(biāo)簽插入圖片也可以用css的background插入具體方法是首先新建一個(gè)html文件，里面新建兩個(gè)div標(biāo)簽，第二個(gè)標(biāo)簽中插入img標(biāo)簽并插入圖片2然后在上方的style標(biāo)簽中設(shè)置第一個(gè)div的樣式，先給div長(zhǎng)度和高度，接著是用background屬性引入圖片，設(shè)置圖片不重復(fù)以及圖片的顯示位置j即可3。

7、1整個(gè)頁(yè)面用以下代碼就可以實(shí)現(xiàn)ltbody background=quot這里放圖片jpgquot2如果是小框的圖片建議在布局選項(xiàng)中選中quot繪制AP divquot建一個(gè)div，在屬性下面編輯CSS的規(guī)則，里面就有插入背景圖片，大小之類還有居中的里面都有設(shè)置backgroundsize63px 100px這是css3的屬性老瀏覽器設(shè)置不了背景大小ltbody style。

8、操作方法如下1以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div，然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面編輯ltlink href=。

9、第一種在css文件里加入背景圖片在css里用urlimages背景圖2jpg，在內(nèi)聯(lián)css和引入css中會(huì)由于html文件和css文件所處的相對(duì)位置不同，引入圖片路徑會(huì)有所不同如圖第二種在html中引入divclass=quotdetailquotstyle=quotbackgroundimageurlimages背景圖1jpgquotdiv，同理url括號(hào)。

10、具體方法是首先新建一個(gè)html文件，里面新建兩個(gè)div標(biāo)簽，第二個(gè)標(biāo)簽中插入img標(biāo)簽并插入圖片2然后在上方的style標(biāo)簽中設(shè)置第一個(gè)div的樣式，先給div長(zhǎng)度和高度，接著是用background屬性引入圖片，設(shè)置圖片不重復(fù)以及圖片的顯示位置j即可3最后打開瀏覽器就可以看到用兩種方法引入的gif的圖片了。

11、1新建html文檔，然后在body標(biāo)簽中添加div標(biāo)簽，這時(shí)div標(biāo)簽中沒有內(nèi)容，所以網(wǎng)頁(yè)中什么也不會(huì)顯示2在div標(biāo)簽中添加img標(biāo)簽，在img標(biāo)簽中添加“src”屬性，屬性值為圖片的地址，這時(shí)網(wǎng)頁(yè)中將會(huì)顯示剛才添加的圖片3由于插入的圖片寬高默認(rèn)是圖片自身的寬高，所以需要用css控制圖片的寬高在head。

12、1首先我們打開sublime text軟件，新建一個(gè)html頁(yè)面，然后在在頁(yè)面中添加html的基本結(jié)構(gòu)2 然后我們?cè)趆tml的body區(qū)域添加一個(gè)div，并且給div設(shè)置一下寬高以及邊框的樣式3運(yùn)行程序以后，你就會(huì)看到如下圖所示的div區(qū)域，我們接下來(lái)就要給這個(gè)區(qū)域添加背景圖片4然后我們回到html文檔，在div的樣式。

13、2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍3然后通過(guò)background給div添加一張圖片作為它的背景4通過(guò)url來(lái)連接圖片，url里面放置的就是背景圖片的路徑5放一張圖片用作背景，注意，路徑要寫對(duì)6保存之后文字就會(huì)覆蓋在圖片的上面了，而如果使用img標(biāo)簽，則沒有這種。

14、第一種方法 如果把圖片作為背景不能全部顯示，加這個(gè)屬性backgroundsize 100%就能全部顯示了第二種方法 在大div里放ltimg和導(dǎo)航，給mian相對(duì)定位positionrelative，給nav絕對(duì)定位positionabsolute，然后設(shè)置nav的top和left就好了。

15、代碼如下1ltimgsrc=quotdivcss5logogifquotwidth=quot165quotheight=quot60quot img介紹？src后跟的是圖片路徑地址？width設(shè)置圖片寬度？height設(shè)置圖片高度 2我們?cè)趆tml源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾雀叨雀男⌒∫粡垖挾雀叨雀拇?效果圖。