在网页中，添加图片是非常常见的。但是，如果我们想在图片上添加一些文字信息，该怎么实现呢？这时，可以使用HTML中的div标签和CSS的样式来实现，下面我们就来一一介绍。

方法一：使用background属性

  
  <div style="background:url('example.jpg') no-repeat center center / cover">
    <p>这里是要在图片上加的文字信息</p>
  </div>
  

在上面的代码中，通过设置div的背景来实现在图片上添加文字。可以通过background属性设置图片的链接、位置、重复方式以及尺寸等。需要注意的是，一定要将文字信息嵌套在div标签中，这样才能保证文字放在图片上。

方法二：使用position属性

  
  <div style="position:relative">
    <img src="example.jpg">
    <p style="position:absolute;top:0;left:0">这里是要在图片上加的文字信息</p>
  </div>
  

这种方法通过设置文本信息的position属性为absolute，并设置top和left属性来精确定位文本位置。需要注意的是，div的position属性也要设置为relative，这样才能将文本信息置于图片上方。

因此，通过以上两种方法，我们可以实现在图片上添加文字信息的效果。可以根据需要选择其中一种方法实现，或者根据具体情况进行调整。