HTML中的图片和文本可以通过一些简单的代码进行排列，常见的一种是文本在图片上面的排列方式。以下是如何实现这种效果： 首先，我们需要在HTML中添加一张图片：

<img src="example.jpg">

接下来，在图片下方添加一段文字，使用\

标签：

<img src="example.jpg">
<p>这是在图片上方的一段文字。</p>

此时，文字会紧贴着图片下方，因此需要给\

标签添加一些样式来让其在图片上方：

<img src="example.jpg">
<p style="position:absolute;top:0;left:0">这是在图片上方的一段文字。</p>

这里我们使用了样式属性position:absolute，它表示将元素的位置设置为相对于父元素的绝对位置，因此我们还需要使用top和left属性来指定文字的位置。这个例子中top:0表示文字距离图片顶部为0像素，left:0表示文字距离图片左侧也为0像素，也就是将文字添加在图片的左上角。 需要注意的是，这种方法只适用于静态图片，如果需要在动态图片上添加文字则需要使用其他方法。同时，在实际开发中也需要考虑图片和文字的样式、字体大小等因素来让页面更美观。