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

2、則如下將這個(gè)html文件與images放在同一個(gè)目錄中將此圖片與html文件放在同一個(gè)目錄中標(biāo)簽中，輸入html代碼img src=quotsmall3pngquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)添加的本地圖片的路徑是相對(duì)路徑。

3、2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍3然后通過background給div添加一張圖片作為它的背景4通過url來連接圖片，url里面放置的就是背景圖片的路徑5放一張圖片用作背景，注意，路徑要寫對(duì)6保存之后文字就會(huì)覆蓋在圖片的上面了，而如果使用img標(biāo)簽，則沒有這種效。

4、1在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字2在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加3效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字4想要將文字弄到畫面上去，這時(shí)候需要對(duì)header添加相對(duì)定位，對(duì)文字標(biāo)簽p添加絕對(duì)定位5對(duì)文字添加了絕對(duì)。

5、一image 作為背景圖片，即backgroundurlquotquot例如如下代碼塊ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二將img塊與文字塊文字塊采用span標(biāo)簽顯示放在同一個(gè)div 中，然后設(shè)置他們之間的位置。

6、使用代碼的方法，在圖片上加字怎么做到呢 在html文件中，先建立一個(gè)div，然后在里面設(shè)置一個(gè)圖片和文字h1，如圖所示 現(xiàn)在打開后的樣式是這樣的，如圖，圖片在上，文字在下 然后對(duì)h1進(jìn)行簡(jiǎn)單修飾，對(duì)文字大小fontsize和文字顏色color加以修飾 如圖所以效果，現(xiàn)在是這樣的，這樣待會(huì)將字移動(dòng)到圖上面時(shí)，字。

7、結(jié)論已經(jīng)得出在HTML中，圖片右側(cè)添加文字的步驟相當(dāng)直接首先，你需要準(zhǔn)備所需的圖片和相應(yīng)的文本內(nèi)容接下來，通過CSS樣式進(jìn)行布局調(diào)整創(chuàng)建一個(gè)包含圖片和文字的大容器，并設(shè)置其寬度為居中，以確保整體布局的平衡為了實(shí)現(xiàn)圖文的左右排列，你需要利用浮動(dòng)技術(shù)給圖片和文字元素分別添加浮動(dòng)屬性，這將。

8、html中一個(gè)圖片標(biāo)簽，ltimg src=quot1jpgquot alt=quotquot title=quotquot 這樣寫的，然后alt后面可以寫文字，這個(gè)文字是當(dāng)圖片沒有加載成功的時(shí)候顯示的文字，然后title后面的文字，是當(dāng)鼠標(biāo)移到圖片上去的時(shí)候，會(huì)在圖片上顯示出的文字。

9、編寫html代碼時(shí)，在圖片上加文字實(shí)質(zhì)就是通過css樣式設(shè)置文字的背景是圖片1創(chuàng)建一個(gè)新的html文件 2在body標(biāo)簽里創(chuàng)建一個(gè)div，在div的p標(biāo)記里面寫入文字 3在head標(biāo)簽里編寫css樣式，讓圖片作為文字的背景，并且設(shè)置圖片不重復(fù)4這樣編輯html時(shí)，在圖片上添加文字的問題就解決了。

10、最簡(jiǎn)單的辦法弄一個(gè)div層，把圖片當(dāng)作div的背景就是了。

11、寫一個(gè)div，背景換成圖片，div內(nèi)打上文字 ltdiv style=quotwidth200px height200px backgroundurl 圖片路徑quot ltfont文字內(nèi)容ltfont ltdiv。

12、用img的alt屬性，例如ltimg src=quotpathquot alt=quot這是一張圖quot這樣寫的話，你把鼠標(biāo)移動(dòng)到圖片上時(shí)，alt里的字就會(huì)顯示出來，如果你的src無效，alt里的字將取代圖片直接出現(xiàn)。

13、2然后在html文件中編輯要顯示的頁面內(nèi)容和圖片，先將整體的大概頁面建立好3然后需要在html中添加環(huán)繞代碼ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代碼添加完畢后，保存html文件，重新打開預(yù)覽就可以看到文字環(huán)繞圖片的格式了。

14、將這張圖片設(shè)置為背景，然后在里面加文字，加入的圖片代碼是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot這樣就可以圖片上加文字了ltdiv。

15、文字浮動(dòng)在圖片的上面效果圖 參考代碼 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot *div1下面 包含著1個(gè)。