首先我們先打開(kāi)自己的DreamWeaver軟件，新建一個(gè)html5頁(yè)面，然后命名，保存然后我們先進(jìn)行簡(jiǎn)單的頁(yè)面布局在body部分加入一個(gè)div，里面添加ul和li的嵌套我們?cè)趌i標(biāo)簽中添加部分內(nèi)容，并設(shè)置其寬度為100%，即充滿整個(gè)屏幕。

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

有一種方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 這樣寫，是可以保證圖片和文字同派且文字。

當(dāng)網(wǎng)頁(yè)是希望展示圖片上的人物或者是人物身上的物品時(shí)，那么網(wǎng)頁(yè)的文字就需要適當(dāng)縮小，達(dá)到不搶眼的效果#xF3A8調(diào)整文字樣式當(dāng)網(wǎng)頁(yè)的文字較少時(shí)，可以根據(jù)網(wǎng)頁(yè)整體效果調(diào)整文字的大小樣式以及行距#xF306背景虛化突出重點(diǎn)背景虛化這樣的效果對(duì)于。

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

1首先先準(zhǔn)備圖片素材和文字語(yǔ)言2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無(wú)非是定位或者浮動(dòng)，對(duì)圖片塊和文字塊都添加了浮動(dòng)效果后5如圖添加浮動(dòng)后，文字。

1可以用一個(gè)最大的div層 包裹住，左邊一個(gè)div 左浮動(dòng)，右邊一個(gè)div右浮動(dòng)，左邊的就是一個(gè)logo圖，主要處理在右邊2右邊的div定義好之后，在細(xì)分為上中下，三個(gè)大div，最上面的div 可以左右浮動(dòng)，左邊一個(gè)span。

這個(gè)其實(shí)很簡(jiǎn)單，實(shí)現(xiàn)方法也有很多，基本屬于簡(jiǎn)單布局的階段大概思路是把這個(gè)圖片放到div里面不是img標(biāo)簽，是當(dāng)作div的背景圖片，那么div標(biāo)簽里面再去嵌套你需要放置的文字，用style來(lái)控制一下格式就好了，在里面可以所是。

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

使用代碼的方法，在圖片上加字怎么做到呢 在html文件中，先建立一個(gè)div，然后在里面設(shè)置一個(gè)圖片和文字h1，如圖所示 現(xiàn)在打開(kāi)后的樣式是這樣的，如圖，圖片在上，文字在下 然后對(duì)h1進(jìn)行簡(jiǎn)單修飾，對(duì)文字大小fontsize和文字。

你好，將圖片和文字分別放在兩個(gè)diy中給兩個(gè)div分別設(shè)置樣式floatleft 希望能夠幫到您，感謝您的采納。

把圖片設(shè)置為背景圖片，然后加上文字就可以了 ltstyle img1 width200pxheight200pxbackgroundimageurlquotimg1jpgquot ltstyle ltdiv class=quotimg1quot圖片加文字ltdiv。

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

P標(biāo)簽是塊狀元素，會(huì)獨(dú)占一行在排除浮動(dòng)和定位的情況下3你的圖片太大了把文字?jǐn)D下去了 沒(méi)有代碼不知道你的具體情況，不過(guò)我覺(jué)得第二種最有可能了如果還不是的話，請(qǐng)把代碼復(fù)制給我看看，就是你的布局和css。

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

2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍3然后通過(guò)background給div添加一張圖片作為它的背景4通過(guò)url來(lái)連接圖片，url里面放置的就是背景圖片的路徑5放一張圖片用作背景，注意，路徑要寫。

如果你剛開(kāi)始接觸的話可以在dreawmeaver里面操作，直接選擇插入圖片即可插入圖片HTML 代碼是ltimg src=quot圖片地址quot 即使在DW里寫代碼 也會(huì)有提示的，空格這個(gè)問(wèn)題，你如果學(xué)了CSS后可以用margin padding 等CSS屬性來(lái)。