在HTML中，要实现文字显示在图片下方的效果，可以通过多种方式实现，以下是一些常用的方法：
1、利用HTML的标签结构：可以使用<p>标签包裹文本，将其放置在<img>标签的下方，这样，文本就会自然地显示在图片的下方。
<img src="image.jpg" alt="描述文字"> <p>这里是文字描述。</p>
2、使用CSS样式：可以为图片和文本设置CSS样式，通过display属性和block布局，让它们垂直排列。
<style>
.image-container {
display: block;
}
</style>
<div class="image-container">
<img src="image.jpg" alt="描述文字">
<p>这里是文字描述。</p>
</div>
3、使用HTML5的<figure>和<figcaption>标签：这两个标签专门用于表示图片及其标题或描述。<figure>标签包裹图片，而<figcaption>标签则包含描述文本。
<figure> <img src="image.jpg" alt="描述文字"> <figcaption>这里是文字描述。</figcaption> </figure>
4、使用Flexbox布局：通过CSS的Flexbox布局，可以更灵活地控制图片和文本的排列方式，将图片和文本包裹在一个容器内，并设置容器的display属性为flex，然后通过flex-direction属性设置垂直排列。
<style>
.flex-container {
display: flex;
flex-direction: column;
align-items: center;
}
</style>
<div class="flex-container">
<img src="image.jpg" alt="描述文字">
<p>这里是文字描述。</p>
</div>
常见问题与解答：
Q1: 如何让文字始终显示在图片的正下方，而不是图片的旁边？
A1: 使用HTML的标签结构或HTML5的<figure>和<figcaption>标签，可以让文字始终显示在图片的正下方。
Q2: 如何调整图片和文字之间的间距？
A2: 可以通过CSS为图片和文本设置margin或padding属性，从而调整它们之间的间距。
Q3: 如何让图片和文字在页面中居中显示？
A3: 可以使用CSS的text-align: center;属性让文本居中，同时为图片设置display: block;和margin: 0 auto;属性，使图片在页面中居中显示。