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

thタグの解説HTML

こんにちはみっくです。

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

みっく
みっく

この th タグは表のデータセルを定義するタグです♪

thタグ(ティーエイチタグ)とは

みっく
みっく

「th」はテーブルヘッダーtable header)の略で、表の見出しセルを表します。

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

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

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

thタグはブロックレベル要素です。

thタグの表示例

HTML

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

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

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

今日の予定

午前午後
運動買い物
メモ

上の例のように、trタグの中にthタグを記述し、見出しになるセルを定義できます。

みっく
みっく

初期設定では見出しセルの文字が中央に配置されます。

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

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

thタグの難易度

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

一般的なデータはtdタグ。見出しを定義する時はthタグを使い分ける必要があります。難易度は★2レベルです。

みっぴー
みっぴー

tdタグとthタグを使い分ける必要があるんですね!

thタグの使用頻度

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

表の中で見出しセルを定義する時のみ使用されますので 、使用頻度は2つレベルです。

さっぴー
さっぴー

表で見出しが必要な時だけthタグを記述すればいいって事ですね♪

thタグの重要度

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

表の見出しセルを定義する時には必要なタグとなりますので、重要度は3つレベルです。

みっく
みっく

見出しセルは表の最上段もしくは左端に配置する事が一般的です。

まとめ

「th」はテーブルヘッダーtable header)の略で、表の見出しセルを表します。

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

一般的なデータはtdタグ。見出しを定義する時はthタグを使い分ける必要があります。難易度は★2レベルです。

表の中で見出しセルを定義する時のみ使用されますので 、使用頻度は2つレベルです。

表の見出しセルを定義する時には必要なタグとなりますので、重要度は3つレベルです。

みっく
みっく

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

コメントを残す

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