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

2、一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px；例如放在電腦桌面，如下圖所示2打開html編輯窗口，對表格進行編輯，完成表格的標簽，如下圖所示3在單元格“table”里面插入圖片的標簽，然后在“單元格td”后面插入圖片的保存路徑即可，如下圖所示；title 是瀏覽器最上面的一行標題，無法添加圖片，可以添加favicon ，隨便找一個小圖片，上傳的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的屬性實現(xiàn)此效果lt！DOCTYPE html PUBLIC quotW3C；1實例完整html代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片插入html 在線演示lttitle lthead ltbody ltp原始大圖片ltp ltp ltimg src=quotdivcsslogogifquot；新建一個html文件，例如indexhtml2其次，在indexhtml中的ltbody標簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運行indexhtml頁面，此時成功插入了背景圖片；一是給圖片加title，有點是操作簡單，一般編輯器中上傳圖片時候，或在編輯器中進行圖片編輯即可以設置但這樣顯示的文字大小不好控制二給圖片加一個定位層現(xiàn)對于圖片進行定位，這樣div中的文字可以通過樣式來進行控制。

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

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