captionタグの使い方を覚える!【1分でわかるHTML編】

captionタグの解説HTML

こんにちはみっくです。

今回はHTMLのcaptionタグについてのお話です。

みっく
みっく

このcaptionタグは表のタイトルを定義するタグです♪

captionタグ(キャプションタグ)とは

みっく
みっく

「 caption 」はキャプションcaption)で、表のタイトル(表題)を表します。

<table> ~ </table > の中に記述します。

tableタグについては、以下の記事を参考にお願い致します。

tableタグの解説HTML tableタグの使い方を覚える!【1分でわかるHTML編】

caption タグの表示例

HTML

<table>
<caption>今日の予定</caption>
<tr><th>午前</th><th>午後</th></tr>
<tr><td>運動</td><td>買い物</td></tr>
</table>

ブラウザでの表示例(ワードプレスの場合)

今日の予定
午前午後
運動買い物
メモ

上の例のように、table開始タグの直下に1つだけ記述します。

みっく
みっく

初期設定ではcaptionタグの文字は中央に配置されます。

trタグ、thタグ、tdタグについては、以下の記事を参考にお願い致します。

trタグの解説HTML trタグの使い方を覚える!【1分でわかるHTML編】 thタグの解説HTML thタグの使い方を覚える!【1分でわかるHTML編】 tdタグの解説HTML tdタグの使い方を覚える!【1分でわかるHTML編】

captionタグの難易度

みっくのレビュー
難易度
 (1)

table開始タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

みっぴー
みっぴー

このタグは覚えやすいですね♪

captionタグの使用頻度

みっくのレビュー
使用頻度
 (2)

表の内容により必要な時のみ使用しますので 、使用頻度は2つレベルです。

さっぴー
さっぴー

使わない場合もあるって事なんですね!

captionタグの重要度

みっくのレビュー
重要度
 (2)

表の構成するタグの中ではあまり重要ではないと思われますので、重要度は2つレベルです。

みっく
みっく

もし余裕があればという感じですね!

まとめ

「 caption 」はキャプションcaption)で、表のタイトル(表題)を表します。

table開始タグの直下に1つだけ記述します。

table開始タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

表の内容により必要な時のみ使用しますので 、使用頻度は2つレベルです。

表の構成するタグの中ではあまり重要ではないと思われますので、重要度は2つレベルです。

みっく
みっく

table関連タグの中では簡単で、必要な時のみ使うタグになりますね♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です