1、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写了文字“hello image”。

2、则如下将这个html文件与images放在同一个目录中将此图片与html文件放在同一个目录中标签中，输入html代码img src=quotsmall3pngquot3浏览器运行indexhtml页面，此时添加的本地图片的路径是相对路径。

3、2首先，我们应该先给div设置宽度和高度，保证文字有一个范围3然后通过background给div添加一张图片作为它的背景4通过url来连接图片，url里面放置的就是背景图片的路径5放一张图片用作背景，注意，路径要写对6保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效。

4、1在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字2在CSS中对文字图片进行简单样式添加3效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字4想要将文字弄到画面上去，这时候需要对header添加相对定位，对文字标签p添加绝对定位5对文字添加了绝对。

5、一image 作为背景图片，即backgroundurlquotquot例如如下代码块ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二将img块与文字块文字块采用span标签显示放在同一个div 中，然后设置他们之间的位置。

6、使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字颜色color加以修饰 如图所以效果，现在是这样的，这样待会将字移动到图上面时，字。

7、结论已经得出在HTML中，图片右侧添加文字的步骤相当直接首先，你需要准备所需的图片和相应的文本内容接下来，通过CSS样式进行布局调整创建一个包含图片和文字的大容器，并设置其宽度为居中，以确保整体布局的平衡为了实现图文的左右排列，你需要利用浮动技术给图片和文字元素分别添加浮动属性，这将。

8、html中一个图片标签，ltimg src=quot1jpgquot alt=quotquot title=quotquot 这样写的，然后alt后面可以写文字，这个文字是当图片没有加载成功的时候显示的文字，然后title后面的文字，是当鼠标移到图片上去的时候，会在图片上显示出的文字。

9、编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置图片不重复4这样编辑html时，在图片上添加文字的问题就解决了。

10、最简单的办法弄一个div层，把图片当作div的背景就是了。

11、写一个div，背景换成图片，div内打上文字 ltdiv style=quotwidth200px height200px backgroundurl 图片路径quot ltfont文字内容ltfont ltdiv。

12、用img的alt属性，例如ltimg src=quotpathquot alt=quot这是一张图quot这样写的话，你把鼠标移动到图片上时，alt里的字就会显示出来，如果你的src无效，alt里的字将取代图片直接出现。

13、2然后在html文件中编辑要显示的页面内容和图片，先将整体的大概页面建立好3然后需要在html中添加环绕代码ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代码添加完毕后，保存html文件，重新打开预览就可以看到文字环绕图片的格式了。

14、将这张图片设置为背景，然后在里面加文字，加入的图片代码是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot这样就可以图片上加文字了ltdiv。

15、文字浮动在图片的上面效果图 参考代码 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个。