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

tableタグの解説HTML

こんにちはみっくです。

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

みっく
みっく

この table タグは表を作るタグです♪

tableタグ(テーブルタグ)とは

みっく
みっく

「table」はテーブルtable)でを表します。

<table> ~ </table > で囲まれた範囲内に表のレイアウトを定義できます。

メモ

tableタグはブロックレベルです。

tableタグの表示例

HTML

<p>今日の予定</p>

<table>
<tr><th>午前</th><th>午後</th></tr>
<tr><td>運動</td><td>買い物</td></tr>
</table>

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

今日の予定

午前午後
運動買い物
メモ

上の例のように、trタグ、thタグ、tdタグと組み合わせて使用します。

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

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

tableタグの難易度

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

tableタグの中は複雑ですが、tableタグ自体はシンプルなタグですので、難易度は★1つレベルです。

みっぴー
みっぴー

確かにtableタグ自体はシンプルですね。

tableタグの使用頻度

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

表が必要な時のみ使用されますので 、使用頻度は3つレベルです。

さっぴー
さっぴー

必要なページのみですね!

tableタグの重要度

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

表を入れる時には必要なタグとなりますので、重要度は3つレベルです。

みっく
みっく

以前はテーブルを使ってWEBサイトのレイアウトをしていた時代があります♪

【4分で解る】WEBサイトの歴史♪テーブルレイアウトからワードプレスまで

まとめ

「table」はテーブルtable)でを表します。

<table> ~ </table > で囲まれた範囲内に表のレイアウトを定義できます。

tableタグは trタグ、thタグ、tdタグと組み合わせて使用します。

tableタグ自体はシンプルなタグですので、難易度は★1つレベルです。

表が必要な時のみ使用されますので 、使用頻度は 3つレベルです。

表を入れる時には必要なタグとなりますので、重要度は 3つレベルです。

みっく
みっく

trタグとthタグとtdタグもセットで覚えてしまいましょう♪

コメントを残す

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