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

trタグの解説HTML

こんにちはみっくです。

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

みっく
みっく

この tr タグは表の行を定義するタグです♪

trタグ(ティーアールタグ)とは

みっく
みっく

「tr」はテーブルロウtable row)の略で表の行を表します。

みっく
みっく

「row(ロウ)」が日本語では行の事ですね。

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

< tr > ~ < /tr > を一つの行として定義します。

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

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

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

trタグの表示例

HTML

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

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

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

今日の予定

午前午後
運動買い物
メモ

上の例のように、trタグが行を定義し、今回は2行構成の表となります。

みっく
みっく

<tr><td>運動</td><td>買い物</td></tr> で一つの行を表し、その中に2つのセルがあるイメージです。

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

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

trタグの難易度

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

表を構成するタグの中では慣れるまで難しく感じるタグで、難易度は★3つレベルです。

みっぴー
みっぴー

trタグの辺りはタグが入り組んでいますので、難しいです。

trタグの使用頻度

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

表の中では必ず使用されますので 、使用頻度は3つレベルです。

さっぴー
さっぴー

表の中には行を定義して、その中にセルが入るイメージですね!

trタグの重要度

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

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

みっく
みっく

必要な行数だけ <tr> ~ </tr> のペアを記述しましょう。

まとめ

「tr」はテーブルロウtable row)の略で表の行を表します。

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

< tr > ~ < /tr > を一つの行として定義します。

表を構成するタグの中では慣れるまで難しく感じるタグで、難易度は★3つレベルです。

表の中では必ず使用されますので 、使用頻度は3つレベルです。

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

みっく
みっく

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

コメントを残す

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