首先我們先打開自己的DreamWeaver軟件，新建一個html5頁面，然后命名，保存然后我們先進行簡單的頁面布局在body部分加入一個div，里面添加ul和li的嵌套我們在li標簽中添加部分內容，并設置其寬度為100%，即充滿整個屏幕。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運行indexhtml頁面，此時成功在圖片右邊寫。

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

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

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

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

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

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

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

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

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

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

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

P標簽是塊狀元素，會獨占一行在排除浮動和定位的情況下3你的圖片太大了把文字擠下去了 沒有代碼不知道你的具體情況，不過我覺得第二種最有可能了如果還不是的話，請把代碼復制給我看看，就是你的布局和css。

最簡單的辦法弄一個div層，把圖片當作div的背景就是了。

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

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