1、html添加圖片的方法首先打開編輯器，新建img標(biāo)簽然后給img標(biāo)簽的屬性src添加一張圖片的地址最后把html文件拖到瀏覽器中即可具體如下點(diǎn)擊打開html編輯器sublime_text我們創(chuàng)建一個(gè)html文件，然后創(chuàng)建一個(gè)img標(biāo)簽；在html和css階段，通?？梢允褂脙煞N方式來(lái)添加圖片即使用html標(biāo)簽引入圖片和使用css中的background屬性添加背景圖下面對(duì)這兩種方式做個(gè)簡(jiǎn)單的介紹巖辯派一使用img元素引入圖片 可以使用img這個(gè)元素引入圖片；我簡(jiǎn)單的寫一下，標(biāo)題元素有h1h6，你可以從中選擇一種，我這里選擇h1格式如下 lth1ltimg src=quot你圖片的地址quot alt=“圖片用途介紹，也可以不用”你的標(biāo)題在中間，兩旁插入圖片的元素imgltimg src=quot你圖片的地址；鼠標(biāo)移動(dòng)到片上會(huì)出現(xiàn)的效果quot alt 標(biāo)簽也可以放文字內(nèi)容，這是搜索引擎判斷圖片與內(nèi)容是否相關(guān)的依據(jù)title 標(biāo)簽是關(guān)于圖片的介紹內(nèi)容，鼠標(biāo)移動(dòng)到圖片上會(huì)出現(xiàn)一個(gè)內(nèi)容標(biāo)簽，放不了HTML代碼效果如下。

2、一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px；例如放在電腦桌面，如下圖所示2打開html編輯窗口，對(duì)表格進(jìn)行編輯，完成表格的標(biāo)簽，如下圖所示3在單元格“table”里面插入圖片的標(biāo)簽，然后在“單元格td”后面插入圖片的保存路徑即可，如下圖所示；title 是瀏覽器最上面的一行標(biāo)題，無(wú)法添加圖片，可以添加favicon ，隨便找一個(gè)小圖片，上傳的favicon 制作網(wǎng)站就可以了，網(wǎng)上大把 然后把制作好的faviconico copy 到root folder 如果是H1的話，建議你用background image；lttitleHTML中插入gif格式的圖片lttitle lthead ltbody ltdivltimg src=quotnamegifquot alt=quotquot ltdiv ltbody lthtml 2采用css中backgroundimage的屬性實(shí)現(xiàn)此效果lt！DOCTYPE html PUBLIC quotW3C；1實(shí)例完整html代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片插入html 在線演示lttitle lthead ltbody ltp原始大圖片ltp ltp ltimg src=quotdivcsslogogifquot；新建一個(gè)html文件，例如indexhtml2其次，在indexhtml中的ltbody標(biāo)簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功插入了背景圖片；一是給圖片加title，有點(diǎn)是操作簡(jiǎn)單，一般編輯器中上傳圖片時(shí)候，或在編輯器中進(jìn)行圖片編輯即可以設(shè)置但這樣顯示的文字大小不好控制二給圖片加一個(gè)定位層現(xiàn)對(duì)于圖片進(jìn)行定位，這樣div中的文字可以通過樣式來(lái)進(jìn)行控制。

3、lthead lttitle主頁(yè)的名字lttitle lthead ltbody background=quotimagesindexjpgquot ltbody lthtml 注意這里的ltbody background=quotimagesindexjpgquot是你要的關(guān)鍵，background=quot quot里面加上你的圖片的路徑；這個(gè)很容易實(shí)現(xiàn)，標(biāo)題標(biāo)簽是塊級(jí)元素，會(huì)獨(dú)占一行，只要把display設(shè)置為inlineblock就可以了lth1 style=quotdisplay inlineblockquot這是標(biāo)題lth1 ltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquot srcset=；2打開html文件，按下圖中紅色框選出來(lái)的位置在body標(biāo)簽里面輸入ltimg src=quottestjpgquot alt=quot測(cè)試quot ，然后保存代表代表當(dāng)前目錄 3在瀏覽器中打開html文件，就可以顯示插入的圖片了，如下圖所示；1首先，我們要在磁盤文件夾中創(chuàng)建一個(gè)記事本，右鍵單擊并選擇Create a Notepad2尋找計(jì)算機(jī)的照片，保存到文件中，以便打開頁(yè)面然后，雙擊打開記事本，在編輯區(qū)域中輸入以下網(wǎng)頁(yè)代碼lthtml ltHEAD lttitle我的第一。

4、title前面加個(gè)link ，href指向ico文件地址；具體步驟如下1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接；lt！DOCTYPE html lthtml lthead lttitleimagelttitle ltmeta charset=quotutf8quot ltstyle type=quottextcssquot myImage width 400pxheight 300pxmargintop 100pxmarginleft 100px ltstyle lthead。