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

tdタグの解説HTML

こんにちはみっくです。

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

みっく
みっく

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

tdタグ(ティーディタグ)とは

みっく
みっく

「td」はテーブルデータtable data)の略で、表のデータセルを表します。

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

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

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

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

tdタグの表示例

HTML

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

<table>
<tr><td>運動</td><td>買い物</td></tr>
<tr><td>食事</td><td>睡眠</td></tr>
</table>

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

今日の予定

運動買い物
食事睡眠
メモ

上の例のように、trタグの中にtdタグを記述し、データが入るセルを定義できます。

みっく
みっく

ワードの表みたいなイメージですね♪

tdタグの難易度

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

表を構成するタグの中では複数回記述する事が多く、難易度は★2つレベルです。

みっぴー
みっぴー

いっぱい記述すると、タグのペアが分からなくなりそうですね。

tdタグの使用頻度

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

表の中では必ずと言っていいほど使用されますので 、使用頻度は3つレベルです。

さっぴー
さっぴー

tdタグには一般的なデータが入るんですね!

tdタグの重要度

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

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

みっく
みっく

例えば、<td> ~ </td>が3回続くと、セルが3つ横に並びます。

まとめ

「td」はテーブルデータtable data)の略で、表のデータセルを表します。

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

表を構成するタグの中では複数回記述する事が多く、難易度は★2つレベルです。

表の中では必ずと言っていいほど使用されますので 、使用頻度は3つレベルです。

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

みっく
みっく

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

コメントを残す

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