在 Web 开发中，经常需要将一些文字添加到图像下方，以向用户提供更多详细信息。在 HTML 中添加文字到图像下方很简单，只需要使用 <img> 标签和 <figcaption> 标签即可实现。
以下是如何在 HTML 代码中添加文字到图像下方的示例：
<figure>
<img src="your-image.jpg" alt="This is a beautiful image">
<figcaption>This is a beautiful image</figcaption>
</figure>
代码解析：
<figure> 标签用于包裹图像及其相应的说明文字。
<img> 标签用于嵌入图像文件。必须添加 src 属性来指定图像文件路径。
alt 属性为图像添加一个描述性文本，以提供文本浏览器或者搜索引擎使用。
<figcaption> 标签为图像添加说明文字，在此例中为"This is a beautiful image"。
接下来，我们可以为图像添加更多样式和布局，如调整图像大小、放置图像位置等。
Markdown 代码片段：
## 在HTML中添加文字到图像下方
在 Web 开发中，经常需要将一些文字添加到图像下方，以向用户提供更多详细信息。在 HTML 中添加文字到图像下方很简单，只需要使用 <img> 标签和 <figcaption> 标签即可实现。
以下是如何在 HTML 代码中添加文字到图像下方的示例：
```html
<figure>
<img src="your-image.jpg" alt="This is a beautiful image">
<figcaption>This is a beautiful image</figcaption>
</figure>