figure要素、figcaption要素の概要
| 写真などのグループHTML | ||
| <figure><img>～<figcaption>～</figcaption></figure> |
||
| 目的 | 写真や図表などのまとまりを表す。figcaptionはそのキャプション。 |
|
| 関連 | <img> | |
 |
||
<figure id="fig"> <img src="https://programming-cafe.com/wp-content/uploads/2021/01/pic02.png" /> <figcaption>ペンギンです!!</figcaption> </figure> |
||
属性
グローバル属性のみ
CSSデザイン
画像の上にテキストをのせる
画像、写真の上に文字をのせる コピペで使えるHTML+CSS
取り込んだ画像、写真(img要素)の上に文字をのせます。写真の説明文や、リンク先の説明文などを記載します。画像の下の余白の消し方についても解説します。
programming-cafe.com