1、圖片下面加ltp標(biāo)簽即可，ltimg src=quot褲子jpgquotltaltpXXXltp；可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字二在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三；lthtml 代碼修改成這樣就可以了，把幾個(gè)IMG分別裝到列表里面，然后定義一下這個(gè)列表的樣式即可 文字部分用了一下p標(biāo)簽，給內(nèi)容分一下行，代碼看起來(lái)會(huì)規(guī)范一些另外，img標(biāo)簽是不需要閉合的，我把ltimg給刪掉了。

2、然后一個(gè)盒子裝著頭像和文字，把裝著頭像和文字 的盒子根據(jù)裝著圖片的盒子進(jìn)行定位就可以了，像這樣的其實(shí)很簡(jiǎn)單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead ltm；要將三張圖片放在一行，并在下方添加文字，可以使用HTML和CSS來(lái)實(shí)現(xiàn)以下是一個(gè)示例代碼lt！DOCTYPE html lthtml lthead ltstyle container display flex * 使用彈性布局 * flexwrap wrap * 換行 *；1比如我在div里面書(shū)寫(xiě)了一些文字，然后想要在放入一張圖片，這時(shí)候小伙伴可能會(huì)直接想到img標(biāo)簽，其實(shí)這個(gè)想法是錯(cuò)誤的2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍3然后通過(guò)background給div添加一張；lthtml 這樣就會(huì)能夠?qū)⑽淖址旁趫D片的正下方，得到以下圖片文字位于正右邊的方法lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscal。

3、centerquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 這樣寫(xiě)，是可以保證圖片和文字同派且文字與圖片是居中顯示的，而不是文字在圖片下方；鼠標(biāo)移動(dòng)到圖片上，顯示文字，簡(jiǎn)單的方法是利用“title”例如ltimg src=quotindex4pngquot alt=quotHTML5在線(xiàn)制作quot title=quotHTML5在線(xiàn)制作quot 鼠標(biāo)移動(dòng)到4png圖片上時(shí)候，顯示出“HTML5在線(xiàn)制作”；這就是ltimg alt=quotquot，這就是img中的alt中寫(xiě)的文字。

4、點(diǎn)擊圖片顯示文字方法有2一是給圖片加title，有點(diǎn)是操作簡(jiǎn)單，一般編輯器中上傳圖片時(shí)候，或在編輯器中進(jìn)行圖片編輯即可以設(shè)置但這樣顯示的文字大小不好控制二給圖片加一個(gè)定位層現(xiàn)對(duì)于圖片進(jìn)行定位，這樣div中的；用js寫(xiě)，先得到圖片的offsetLeft和offsetTop，然后寫(xiě)個(gè)div層吧層定位到圖片的位置層里寫(xiě)字就行了；ltdiv style=quottextalign centerquot ltimg src=quot圖片地址圖片名稱(chēng)jpgquot ltp你要輸入的文字ltpltdiv如果圖片和文字在同個(gè)div內(nèi)，那就把div的css設(shè)置為textalign center；圖片下打文字把圖片放在div中，在div中圖片后面打字就可以 ltdivltimg src=quotaajpgquot ltbr文字ltdiv。

5、lttable lttrlt！這里是一行 lttd ltimg src=quotgifquot lttd lttr lttrlt！這里是下一行 lttd 這里的文字在下方 lttd lttr lttable 不懂html語(yǔ)；圖片默認(rèn)為內(nèi)聯(lián)元素，可以設(shè)置圖片為塊級(jí)元素，然后直接寫(xiě)文字就可以在圖片下方了舉例img displayblock HTML代碼ltimg src=quot圖片路徑quot 這里是測(cè)試文字，可以在圖片下方；1在HTML中，使用position屬性給包含圖片和文字的容器元素div添加相對(duì)定位樣式2使用position屬性給文字元素添加絕對(duì)定位樣式3使用left和top屬性設(shè)置文字元素在圖片上的位置，將打招呼的文字定位在圖片旁邊即可。