1、1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在圖片右邊寫(xiě)。

2、Calt屬性例如ltimg src=quotxxxjpgquot alt=quot這是一個(gè)圖片“ width=quot100quot height=quot50quot意思是這個(gè)圖片寬100像素，高50像素，當(dāng)你把鼠標(biāo)移動(dòng)到圖片上時(shí)會(huì)顯示quot這時(shí)一個(gè)圖片“。

3、ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開(kāi)發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結(jié)一下這個(gè)是在body里面添加一下背景圖片，然后再建div就可以布。

4、以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字二在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三想要將。

5、為圖片要添加簡(jiǎn)要的說(shuō)明文字的屬性是title當(dāng)圖片無(wú)法正常加載時(shí)顯示的文字，利于seo的作用alt當(dāng)鼠標(biāo)放上圖片鏈接時(shí)顯示的文字，注釋圖片鏈接，提高用戶體驗(yàn)titleTITLE 元素僅可在 HEAD 元素內(nèi)使用位于 TITLE 開(kāi)閉。

6、ltp這里是文字說(shuō)明ltp ltbody lthtml 在上面的示例代碼中，使用了Flex布局display flex來(lái)將三張圖片放在一行，并通過(guò)設(shè)置每個(gè)圖片占據(jù)一行的三分之一寬度width 3333%來(lái)實(shí)現(xiàn)圖片和文字的樣式可以根據(jù)。

7、標(biāo)簽里面加alt屬性，格式ltimg src=quot圖片路徑quot alt=quot描述圖片文字quot。

8、然后一個(gè)盒子裝著頭像和文字，把裝著頭像和文字 的盒子根據(jù)裝著圖片的盒子進(jìn)行定位就可以了，像這樣的其實(shí)很簡(jiǎn)單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead lt。

9、3點(diǎn)擊插入的圖標(biāo)，屬性面板左下角點(diǎn)擊熱點(diǎn)工具，這里選擇矩形熱點(diǎn)工具4在圖像上拖動(dòng)得到熱點(diǎn)區(qū)域5點(diǎn)擊底部map#map標(biāo)簽，點(diǎn)擊代碼6在map標(biāo)簽加入title屬性，其屬性值為說(shuō)明文字7按ctrl+s保存文件，按F12調(diào)試。

10、如何在圖片上加文字 如何在圖片上加入文字方法如下 1把需要添加字的圖片先移到桌面，鼠標(biāo)右鍵點(diǎn)擊圖片，看到“編輯”后打開(kāi)編輯2然后在“畫(huà)圖”中編輯，點(diǎn)擊框中“A”的標(biāo)志，這種標(biāo)志一般都是編輯字體 3。

11、新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在圖片右邊寫(xiě)了文字“hello image”。

12、單純的html要實(shí)現(xiàn)你說(shuō)的效果很難，必須html和css配合才可以，首先用css為需要設(shè)置背景的元素設(shè)置背景，然后用html寫(xiě)文字等內(nèi)容附加一個(gè)簡(jiǎn)單例子，希望幫到你其中1jpg跟這個(gè)頁(yè)面在一個(gè)路徑lt！doctype htmllthtml。

13、2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無(wú)非是定位或者浮動(dòng)，對(duì)圖片塊和文字塊都添加了浮動(dòng)效果后5如圖添加浮動(dòng)后，文字部分因?yàn)槲淖痔L(zhǎng)超出了他所用那的。

14、圖片添加連接我的方法是在ltimg標(biāo)簽兩邊添加lta標(biāo)簽 如lta href=quot要連接的地址quot title=quot這里也可以使用title屬性，也是懸停會(huì)會(huì)顯示文字quot ltimg src=quot圖片地址quot width=quot170quot height=quot89quot alt=quotquot title=“這里寫(xiě)。

15、```html ltdiv style=quotbackgroundimage url#39yourimageurl#39 backgroundsize contain width 100%quot ltpYour text hereltp ltdiv ```在這個(gè)示例中，我們使用`div`元素作為背景容器，將圖片作為背景。