figure

スポンサーリンク
HTML

figureタグの使い方と画像・図表を論理的にグループ化する方法をわかりやすく解説

figureの概要画像や図表をグループ化する HTMLタグ <figure>コンテンツ</figure> 概要 figureタグは、画像、イラスト、グラフ、動画などのメディア要素をグループ化するためのタグです。 画像、動画、図表などをグループ化し、論理的な意味を持たせる。 figcaptionタグと併用することで、キャ...
HTML

figcaptionタグの使い方と図表・画像のキャプションを追加する方法をわかりやすく解説

figcaptionの概要画像や図表にキャプションを付ける HTMLタグ <figcaption>キャプション</figcaption> 概要 figcaptionタグは、figureタグ内で画像や図表などの説明文(キャプション)を追加するためのタグです。 figureタグと組み合わせて使用し、画像や動画などの説明を提...
HTML&CSS

画像、写真の上に文字をのせる コピペで使えるHTML+CSS

取り込んだ画像、写真(img要素)の上に文字をのせます。写真の説明文や、リンク先の説明文などを記載します。画像の下の余白の消し方についても解説します。
HTML&CSS

figure要素とfigcaption要素 コピペで使えるHTML+CSS

写真や図表などのまとまりを表すfigure要素。そしてそのキャプションを表すfigcaption要素について解説。画像上にテキストを表示する際などに用いる。