<CodeLearn/>
HTML レッスン4

テーブル

table、tr、td、thを使ってデータを表形式で表示しよう

テーブルの基本構造

HTMLのテーブルは3つの要素で構成されます:

  • <table> - テーブル全体を囲む
  • <tr> - 行(table row)
  • <td> - セル(table data)
  • <th> - 見出しセル(table header)太字+中央揃え

基本のテーブル

index.html
preview.local
Live Preview

セルの結合(colspan / rowspan)

colspanで横方向、rowspanで縦方向にセルを結合できます。

index.html
preview.local
Live Preview

自由に試してみよう

index.html
preview.local
Live Preview