Blogブログ

tableタグが覚えられない…を卒業するために整理した、tr・th・tdの役割

HTMLのtableタグ、正直なかなか覚えられず。tr、th、td…見た目が似ていて、最初のころは書き間違えてエラーが出てしまうことも多かったです。
特に「どれが行で、どれが中身?」と混乱しがちで、そのたびに調べ直していました。

そこで、自分なりに役割ベースで整理してみました。

  • tr(table row)…行(ヨコ1列)
  • th(table header)…見出しセル
  • td(table data)…データセル(中身)

1行の中に、見出しと内容がセットで入るイメージを持つと理解しやすくなりました。

tableタグは見た目を作るものではなく、情報の構造を伝えるためのもの。意味を意識して書くようになってから、ミスも減り、CSSでの調整もだいぶしやすくなりました。

back / 一覧に戻る