Image Captions

Markdown doesn’t natively support image captions, but there are two possible workarounds. If your Markdown application supports <a href="http://www.bixiaguangnian.com/manual/markdown/4111.html">HTML</a>, you can use the <code>figure</code> and <code>figcaption</code> HTML tags to add a caption for your image.

```markdown
<figure>
    <img src="/uploads/images/20240512/e9821e1a45fd579e49a1b9abbb38e192.png" alt="markdown入门指南">
    <figcaption>markdown入门指南</figcaption>
</figure>
```

The rendered output looks like this:

<figure>
    <img src="/uploads/images/20240512/e9821e1a45fd579e49a1b9abbb38e192.png" alt="markdown入门指南">
    <figcaption>markdown入门指南</figcaption>
</figure>

<div class="callout callout-success mb-3"><strong>Tip:</strong> If your Markdown application supports CSS, you can use CSS to style the appearance of the caption.
</div>

If your Markdown application doesn’t support HTML, you could try placing the caption directly below the image and using <a href="http://www.bixiaguangnian.com/manual/markdown/4103.html">emphasis</a>.

```markdown
![markdown入门指南](/uploads/images/20240512/e9821e1a45fd579e49a1b9abbb38e192.png)
*markdown入门指南*
```

The rendered output looks like this:

![markdown入门指南](/uploads/images/20240512/e9821e1a45fd579e49a1b9abbb38e192.png)
*markdown入门指南*