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像素，也就是將文字添加在圖片的左上角。 需要注意的是，這種方法只適用于靜態圖片，如果需要在動態圖片上添加文字則需要使用其他方法。同時，在實際開發中也需要考慮圖片和文字的樣式、字體大小等因素來讓頁面更美觀。