以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三想要将；在HTML中，怎么在图片上添加文字提问首先我们要设计一个 div，将图片的和文字放置在 div 里面，设置文字的样式随后需要用到“定位”，将 div 设置为父级，为相对定位，#8203positionrelative#8203将h1。

不用CSS，直接用align=quotabsmiddlequot就可以了HTMLltdiv ltimg src=quot；ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在开发工具里面的截图三浏览器里面的效果截图四总结一下这个是在body里面添加一下背景图片，然后再建div就可以。

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

html图片右边文字上移

你说的添加文字是鼠标悬停在图片上显示的文字吗如果是的话添加 title 属性 ltimg src=quot图片地址quot width=quot170quot height=quot89quot alt=quotquot title=“这里写上要显示的字” 图片添加连接我的方法是在ltimg标签两边添加lta。

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

3然后需要在html中添加环绕代码ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代码添加完毕后，保存html文件，重新打开预览就可以看到文字环绕图片的格式了。

图像文字对齐 ltimg align=# #=top， middle， bottom 例子ltimg src=URL align=top 百度 显示为图片 百度。

html在图片右上角添加图标

1在HTML中，使用position属性给包含图片和文字的容器元素div添加相对定位样式2使用position属性给文字元素添加绝对定位样式3使用left和top属性设置文字元素在图片上的位置，将打招呼的文字定位在图片旁边即可。

设置文字和图片的float 浮动属性，就能实现这个效果文字浮动的右边floatright图片浮动到左边floatleft控制好左右两边的宽度设置空间。

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

1首先先准备图片素材和文字语言2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部。

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

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