1ltimg src=quotdivcss5logogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址 width 設(shè)置圖片寬度 height 設(shè)置圖片高度 2我們?cè)趆tml源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾龋?新建html文件，如圖所示，在body標(biāo)簽中插入img標(biāo)簽，需要注意的是，img在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”給標(biāo)簽添加“src”屬性，屬性值填寫(xiě)想要添加圖片的路徑，這里以和html同一目錄下的1png為例；可以放一個(gè)table，或者其他什么別的標(biāo)簽 lttable width=quot600quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quot lttr lttd width=quot114quotltimg src=quotzhidaogifquot lttd lttd；給你的網(wǎng)頁(yè)添加一段代碼，其實(shí)很簡(jiǎn)單的，代碼如下 ltdiv id=quotrightquot ltlilta href=quot###quot這是鏈接1ltaltli ltlilta href=quot###quot這是鏈接2ltaltli ltdiv 然后給這段代碼添加CSS right width；圖片有些不清楚，加一串代碼 lttable background =quotimage金色光點(diǎn)pngquot width=quot600quot height=quot500quotborder=quot0quot lttr lttd class=quoty1quot 我只會(huì)這么做了lttd lttr lttable 希望有幫助；選擇使用非塊級(jí)元素行內(nèi)塊或者行內(nèi)元素就行了，或者將塊級(jí)元素設(shè)置為非塊級(jí)元素即可即displaylineblock或者displayline這里給你個(gè)示范拓展塊級(jí)元素，行內(nèi)塊元素，行內(nèi)元素的區(qū)別；1在HTML中，使用position屬性給包含圖片和文字的容器元素div添加相對(duì)定位樣式2使用position屬性給文字元素添加絕對(duì)定位樣式3使用left和top屬性設(shè)置文字元素在圖片上的位置，將打招呼的文字定位在圖片旁邊即可；ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開(kāi)發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結(jié)一下這個(gè)是在body里面添加一下背景圖片，然后再建div就可以；可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字二在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三。

新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在圖片右邊寫(xiě)了文字“hello image”；給左側(cè)的圖片加一個(gè)css樣式 verticalalign middle，如下圖代碼 如下圖；1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了。

寫(xiě)一個(gè)div，背景換成圖片，div內(nèi)打上文字 ltdiv style=quotwidth200px height200px backgroundurl 圖片路徑quot ltfont文字內(nèi)容ltfont ltdiv；可以使用html的fieldset標(biāo)簽實(shí)現(xiàn)這種文字效果具體步驟如下需要準(zhǔn)備的材料分別是電腦瀏覽器ultraedit1在ue編輯器中新建一個(gè)空白的html文件2在html文件中輸入以下的html代碼3編輯完成以后，在ue編輯器中；這個(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添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無(wú)非是定位或者浮動(dòng)，對(duì)圖片塊和文字塊都添加了浮動(dòng)效果后5如圖添加浮動(dòng)后，文字部分因?yàn)槲淖痔L(zhǎng)超出了他所用那的。