HTML | 画像にキャプションを付ける
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>