HTMLでのテーブル操作
これからHTMLでテーブルを作成する方法を学びます。 実際の生活でのテーブルがどのようなものかは お分かりだと思います - それは行と列の集合で、 その交点にセルが配置されています。
HTMLでもテーブルは似たような原則で作成されます。 そこにも列、行、セルがあります。 ただし、HTMLのテーブルコードは初めて見ると 慣れないものに感じるかもしれません:テーブルは 行ごとに作成されます - 最初の行、次に2行目、 というように。
テーブルのコードは厳格な構造を持っています:主なものは
タグ table で、その中には
テーブルの行を作成する tr タグが含まれ、
その中にはさらにセルを作成する td
タグが含まれます。 table タグは
border 属性を持つことができ、
これによりテーブルとそのセルに境界線が設定されます。
例として、3行あり、各行に3つのセルを持つ テーブルを作成してみましょう:
<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>
:
以下の例を繰り返してください: