表でデータを並べる

導入

時間割や料金表のように、行と列 で整理したいデータには <table> を使います。

説明

表は入れ子のタグで組み立てます。

• <table> … 表全体
• <tr> … 1行（table row）
• <th> … 見出しセル（太字・中央寄せ）
• <td> … データセル（table data）

<table border="1">
  <tr>
    <th>商品</th>
    <th>値段</th>
  </tr>
  <tr>
    <td>りんご</td>
    <td>100円</td>
  </tr>
</table>

border="1" は罫線を出すための簡易指定です（本来は CSS で整えますが、まずは構造に慣れましょう）。

やってみよう

上の例を打ち込み、2行2列の表が枠線付きで表示されることを確かめましょう。行を1つ増やして、商品を追加してみてください。

演習

<table> の中に <tr> を1つ作り、その中に <td>月</td> と <td>火</td> の2つのセルを並べてください。