Tables

Tables | HTML Dog

　HTMLテーブルはベージのレイアウトをするために使われる最もよく知られたものであり、また最も乱用されている。テーブルを用いないでページレイアウトを行う方法は後に議論する。テーブルを使う正しい方法は、普段我々がテーブルを何のために使っているかを考えれば分かる：構造的にデータを平面上に並べる。

　テーブルの中では多くのタグが用いられる。そしてそれがどう働くのかを理解することは、このHTMLの初心者のためのチュートリアルで最も難しいところかもしれない。

　table要素はテーブルを定義する。

　tr要素は列(row)を定義する。

　td要素はデータセル(data cell)を定義する。これはtrタグで挟まれていなければならない。

　テーブル要素の全文

<table>
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
        <td>Row 1, cell 3</td>
    </tr>
    <tr>
        <td>Row 2, cell 1</td>
        <td>Row 2, cell 2</td>
        <td>Row 2, cell 3</td>
    </tr>
    <tr>
        <td>Row 3, cell 1</td>
        <td>Row 3, cell 2</td>
        <td>Row 3, cell 3</td>
    </tr>
    <tr>
        <td>Row 4, cell 1</td>
        <td>Row 4, cell 2</td>
        <td>Row 4, cell 3</td>
    </tr>
</table>

　テーブル要素の中の最初の

<tr></tr>

は第一列を定義している。そしてこの列要素の中で、この列にどんなセルが含まれているのかをさらに定義している。

　４つの列が必要ならば列要素を４つ定義すれば良い。３行必要なら、そのそれぞれの列要素に３つのセルを定義すれば良い。