ホームページ作り方[テーブルの作り方]

<table>タグ

　このタグでくくった部分がテーブルとなります。

　<thead>タグ

表の列の見出し部分を示します。

　<tbody>タグ

表の本体部分を示します。

　<tfoot>タグ

表を総括する列を示します。

　<tr>タグ

　このタグでくくられた部分がテーブルの行になります。表の横一列分に相当 します。これを数個つなげることによって、テーブルが形成されます。

　<td>タグ

　このタグでくくられた部分が表の要素（セル）になります。

　<th>タグ

　このタグもセルになります。くくった文字列が太字になり、センタリング される違いがあります。表の見出しとして使われます。

　<table border = "ピクセル">

　borderで枠線の幅をピクセル単位でしています。０の場合は枠線は表示され ません。

　テーブルの例(３×３の表)

<table border = "5">

<thead><tr><th>見出し１</th><th>見出し２</th><th>見出し３</th></tr></thead>

<tbody><tr><td>１要素�@</td><td>２要素�@</td><td>３要素�@</td></tr></tbody>

<tfoot><tr><td>１要素�A</td><td>２要素�A</td><td>３要素�A</td></tr></tfoot>

</table>

<caption>タグ

　テーブルにタイトル（表題）をつけます。テーブルの上部にセンタリング されて表示されます。

　 　rowspan属性

　セルの要素（<th><td>）タグに指定する属性で、縦方向のセルを下向きに結合する数を指定します。３、と指定すると、そのセルを含めて下に３個の セルが結合されます。

　colspan属性

　セルの要素（<th><td>）タグに指定する属性で、横方向のセルを右向きに結合する数を指定します。

<table border = "5">

<caption>表のタイトルです</caption>

<tr><th colspan = "2">見出し１・２</th><th>見出し３</th></tr>

<tr><td>１要素�@</td><td>２要素�@</td><td rowspan = "2">３要素�@・�A</td></tr>

<tr><td>１要素�A</td><td>２要素�A</td></tr> </table>