HTML | 画像にキャプションを付ける
![HTML | 画像にキャプションを付ける](https://1-notes.com/wp-content/uploads/2023/06/HTMLで画像にキャプションを付ける.png)
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>
![画像の説明](https://1-notes.com/wp-content/uploads/2019/02/profile.png)
![画像の説明](https://1-notes.com/wp-content/uploads/2019/02/profile.png)
ディスカッション
コメント一覧
まだ、コメントがありません