html文字放在图片下边代码

在网页设计中，有时候需要在图片下方添加文字说明，这时候需要用到HTML代码来实现。 首先，在HTML代码中先插入图片，代码如下：

<img src="图片路径" alt="图片描述">

其中，src属性用于指定图片的路径，alt属性用于指定当图片无法显示时的替代文本。 接下来，在图片后面使用

标签添加文字说明，代码如下：

<img src="图片路径" alt="图片描述">
    <p>文字说明</p>

注意，<p>和</p>标签必须和图片的代码在同一行。 为了让文字和图片的排版更加美观，可以使用CSS样式来设置文字的样式和位置。 例如，将文字居中显示并添加字号、颜色等样式，代码如下：

<style>
    p {
        text-align: center;
        font-size: 16px;
        color: #333;
        margin-top: 10px;
    }
</style>

<img src="图片路径" alt="图片描述">
<p>文字说明</p>

其中，text-align属性用于设置文字的水平对齐方式，font-size属性用于设置文字的字号，color属性用于设置文字的颜色，margin-top属性用于设置文字和图片之间的间距。 通过以上方法，可以很方便地将文字放在图片下方，并设置其样式和位置，实现更好的排版效果。