HTMLで画像に<figcaption>タグでキャプションを付ける方法とサンプルコードを紹介しています。

HTMLだけで画像にキャプションを付ける

HTMLの<figcaption>タグを付けて画像に説明文を挿入するサンプルコードになります。

<figcaption>タグで説明文を記載するには、アイテム要素を<figure>タグで囲う必要があります。
<figcaption>タグの位置は画像の上にあっても問題ありません。

<figure>
	<img src="https://1-notes.com/wp-content/uploads/2019/02/profile.png" alt="画像の説明">
	<figcaption>画像の説明文</figcaption>
</figure>