提高網(wǎng)站打開速度，通過設(shè)置圖片像素，對比度或者通過代碼直接設(shè)置4設(shè)定圖形上下左右留空 vspacehspace ltimg src=quot圖形文件名quot vspace=上下留空點數(shù) hspace=左右留空點數(shù) 5圖形附注 ltimg src=quot圖形文件名quot alt=quot說明文字quot alt的重要性不言而喻6預(yù)載圖片 ltimg src=quot高解析度。

3然后點擊“cs”右側(cè)的“新建文件”圖標，創(chuàng)建一個“1html”文件，在空白html文件中輸入一個英文“！”按Tab鍵填充html基本代碼4接著在body中插入img標簽，alt規(guī)定圖像的替代文本，src規(guī)定顯示圖像的URL5然后在img標簽上使用width屬性設(shè)置圖片寬度height屬性設(shè)置圖片高度6最后在title標簽。

lt！DOCTYPEhtml lthtml lthead lttitleimagelttitle ltmetacharset=quotutf8quot ltstyletype=quottextcssquot myImage width400pxheight300pxmargintop100pxmarginleft100px ltstyle lthead ltbody ltimgsrc=quotimagescatjpgquotclass=quotmyImagequotalt=quot小貓quot ltbody lthtml。

1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使用js解決3指定div里背景圖大小的方法如下div backgroundurlimg_flwr。

在網(wǎng)頁中插入圖片html圖片代碼方法步驟一html圖片標簽語法 ltimg src=quotdivcsslogogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址width 設(shè)置圖片寬度height 設(shè)置圖片高度 二具體html 圖片顯示實例 在html源代碼中分別插入三張圖片，一張原始大一張將寬度高度。

具體步驟如下1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個圖片固定在屏幕上2之后，再把背景圖片的大小自動適應(yīng)DIV大小，當(dāng)圖片自動適應(yīng)時，既可以就進行縮放3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使。

二css的backgroud系列屬性引入背景圖除了使用html的img src=#39#39引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加由于background系列屬性比較多，這里不做過多介紹，只說幾個比較常用的屬性，其他的可參考官方文檔學(xué)習(xí)html代碼灶蔽 div class=quotboxquotdivcss設(shè)置。

1通過css引入的圖片，可以通過backgroundszie屬性調(diào)整圖片大小，backgroundsize的語法如下，可以通過length，percentage，cover及contain四個之中的任一個來調(diào)整整改尺寸2將length設(shè)置為500px auto同時添加backgroundrepeat屬性，其值為norepeat注意如果不加backgroundrepeatnorepeat屬性，則。

ltimg src=quotEeg_thimjpgquot width=quot440quot height=quot330quotEeg_thimjpg是存放圖片的路徑網(wǎng)頁圖片的基本格式HTML的相關(guān)標準中并沒有規(guī)定圖片的格式，原則上來說是任意的但是目前市場上的主流瀏覽器對網(wǎng)頁圖片的格式有所要求，通常情況下是JPEG聯(lián)合圖像專家組和GIF圖像交換格式。