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

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

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

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

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

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

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

8、操作方法如下1以Hbuilder來講解，首先新建一個HTML頁面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個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中會由于html文件和css文件所處的相對位置不同，引入圖片路徑會有所不同如圖第二種在html中引入divclass=quotdetailquotstyle=quotbackgroundimageurlimages背景圖1jpgquotdiv，同理url括號。

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

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

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

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

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

15、代碼如下1ltimgsrc=quotdivcss5logogifquotwidth=quot165quotheight=quot60quot img介紹？src后跟的是圖片路徑地址？width設(shè)置圖片寬度？height設(shè)置圖片高度 2我們在html源代碼中分別插入三張圖片，一張原始大一張將寬度高度改小小一張將寬度高度改大3效果圖。