HTMLでのテーブル操作

これからHTMLでテーブルを作成する方法を学びます。 実際の生活でのテーブルがどのようなものかは お分かりだと思います - それは行と列の集合で、 その交点にセルが配置されています。

HTMLでもテーブルは似たような原則で作成されます。 そこにも列、行、セルがあります。 ただし、HTMLのテーブルコードは初めて見ると 慣れないものに感じるかもしれません：テーブルは 行ごとに作成されます - 最初の行、次に2行目、 というように。

テーブルのコードは厳格な構造を持っています：主なものは タグ table で、その中には テーブルの行を作成する tr タグが含まれ、 その中にはさらにセルを作成する td タグが含まれます。 table タグは border 属性を持つことができ、 これによりテーブルとそのセルに境界線が設定されます。

例として、3行あり、各行に3つのセルを持つ テーブルを作成してみましょう：

html<table border="1">
  <tr>
    <td>セル 1</td>
    <td>セル 2</td>
    <td>セル 3</td>
  </tr>
  <tr>
    <td>セル 4</td>
    <td>セル 5</td>
    <td>セル 6</td>
  </tr>
  <tr>
    <td>セル 7</td>
    <td>セル 8</td>
    <td>セル 9</td>
  </tr>
</table>

Результат: