3代碼是“imgscr=圖片地址”新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒有結(jié)束標(biāo)簽，所以不需要添加“img”代碼4imgsrc=Eeg_thimjpgwidth=440height=330Eeg_thimjpg是存放圖片的路徑網(wǎng)頁圖片的基本格式HTML的相關(guān)標(biāo)準(zhǔn)中并沒有規(guī)定圖片的格式，原則上來說；html插入圖片有兩種方式一種是通過ltimg標(biāo)簽插入的正常的圖片，另一種是通過css樣式插入的背景圖片問題分析1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過ltimg標(biāo)簽的方式來插入的話，可以通過ltimg自身的屬性控制圖片大?。?以Hbuilder來講解，首先新建一個(gè)HTML頁面，如圖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=quotcss1cssquot；lt！DOCTYPEhtml lthtml lthead lttitleimagelttitle ltmetacharset=quotutf8quot ltstyletype=quottextcssquot myImage width400pxheight300pxmargintop100pxmarginleft100px ltstyle lthead ltbody ltimgsrc=quotimagescatjpgquotclass=quotmyImagequotalt=quot小貓quot ltbody lthtml；1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒有結(jié)束標(biāo)簽，所以不需要添加“”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了2為了防止用戶瀏覽網(wǎng)頁時(shí)圖片加載失敗而不知道這邊是什么內(nèi)容，可以給img標(biāo)簽添加“alt；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltform style=quotbackgroundimage urlsmall3pngquotltinput type=quottextquotltform 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功在html的表單中添加了背景圖片；1在代碼中經(jīng)常用到的插入圖片代碼是img屬性，格式就是src后面是添加圖片的地址，后面的alt是對圖片的描述2在插入圖片前，要將html文件和圖片文件放在一個(gè)文件夾內(nèi)，這里的img文件夾就是專門存放圖片的地方3然后回到代碼欄，在src中輸入鏈接地址imgpic_01jpg，要將圖片的具體地址和名稱全部。

除了使用html的img src=#39#39引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加由于background系列屬性比較多，這里不做過多介紹，只說幾個(gè)比較常用的屬性，其他的可參考官方文檔學(xué)習(xí)html代碼灶蔽 div class=quotboxquotdivcss設(shè)置圖片的分開寫法stylebox heigh；在html中插入圖片的代碼格式如下ltimg src=quot圖片的路徑quot alt=quotquot 其中img是圖片的單標(biāo)簽src是制定圖片的位置路徑，在實(shí)際運(yùn)用中該圖片的路徑一般會(huì)用到相對路徑，而不使用絕對路徑，因?yàn)榻^對路徑不易于后期的維護(hù)與管理alt表示對該圖片的描述，只要有添加這樣的圖片的位置，就需要加alt標(biāo)簽；1網(wǎng)頁中添加圖片html代碼，使用 ltimg src=quot圖片地址jpgquot ltimg 標(biāo)簽的 src 屬性是必需的它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對路徑或相對路徑另外也可以添加高度width 和 高度height alt等屬性標(biāo)簽比如ltimg src=quot圖片地址jpgquot width=quot300quot height=quot200quot alt=quot。

1檢查代碼是否輸入正確使用來插入圖片說明為HTML插入圖片的標(biāo)簽scr，表示想插入圖片所在的位置width，表示想插入圖片的寬度height，表示想插入圖片的高度 2檢查圖片調(diào)用路徑是否設(shè)置正確需要把html文件和所要插入的圖片放在一個(gè)文件夾，然后再scr后面的路徑填寫相對路徑的圖片名稱圖片jpg才行3；而alt屬性則是圖片的備選，當(dāng)圖片無法加載時(shí)，或者對于視覺障礙的用戶，這段文本會(huì)作為圖片的替代描述，提供必要的信息想象一下，它就像圖片的“看不見的守護(hù)者”，確保即使在最極端的條件下，你的內(nèi)容也能被理解和感知在編寫HTML代碼時(shí)，記得確保路徑的正確性和alt描述的清晰性，這兩者的完美結(jié)合。

mp3quotltaudio ltbody 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)發(fā)現(xiàn)頁面多了背景圖片和背景音樂；代碼是“l(fā)timg scr = #39圖片地址#39”1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了2為了防止用戶瀏覽網(wǎng)頁時(shí)圖片加載失敗。

網(wǎng)頁圖片的基本格式HTML的相關(guān)標(biāo)準(zhǔn)中并沒有規(guī)定圖片的格式，原則上來說是任意的但是目前市場上的主流瀏覽器對網(wǎng)頁圖片的格式有所要求，通常情況下是JPEG聯(lián)合圖像專家組和GIF圖像交換格式兩種格式的圖片至于兩種圖片的一些特點(diǎn)和各自的優(yōu)缺點(diǎn)插入圖片插入圖片可以起到適當(dāng)?shù)拿阑饔枚迦?；相對路徑如果是網(wǎng)站的話，則為下面的img src=imagestupianjpeg相對路徑如果是網(wǎng)站，則如下將這個(gè)html文件與images放在同一個(gè)目錄中將此圖片與html文件放在同一個(gè)目錄中標(biāo)簽中，輸入html代碼img src=quotsmall3pngquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)添加的本地圖片的路徑是相對路徑；在網(wǎng)頁中插入圖片html圖片代碼方法步驟一html圖片標(biāo)簽語法 ltimg src=quotdivcsslogogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址width 設(shè)置圖片寬度height 設(shè)置圖片高度 二具體html 圖片顯示實(shí)例 在html源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾雀叨取?/p>