tableTagの構成

テーブルタグの構成

最終更新：June-2010

<table> <tr> <td> ：表を作る上で必須のタグ
<caption><colgroup><thead><tfoot><tbody>：省略可

　表を作成するタグです。<table>タグ、<tr>タグ、<td>タグなどを組み合わせて使用します。
　<caption>～<tbody>タグは、必要に応じて使用します。
　<tbody>タグ（本体部）は、HTML4.01で「必須」とされていますが、<thead>（ヘッダ部）や<tfoot>（フッタ部）がない場合で、表の本体部が１つしかない場合には、「省略可」とされています。

　■タグの記述順とブラウザの表示イメージ


<table> <caption>表のタイトル</caption> <colgroup></colgroup> <thead> <tr><td>ヘッダ部</td></tr> </thead> <tfoot> <tr><td>フッタ部</td></tr> </tfoot> <tbody> <tr><td>Ａ</td><td>Ｂ</td></tr> <tr><td>Ｃ</td><td>Ｄ</td></tr> </tbody> </table>			部が､ブラウザに表示する部分です。 ※ タイトルは、任意の位置（上下左右）に表示できます。「下」を指定した場合は、最下行（フッタ部の下）に表示します。 ※ フッタ部は､<tbody>タグ（本体部）の上に記述しますが､表示する場所は <tbody>タグの下になります。 ※ セルA～Dには、表の内容が入ります。

　■使用するタグの概略

◆<table>タグ…表全体を指定するタグです。

◆<caption>タグ､※省略可…表にタイトルを付けるタグです。<table>タグの下に記述します。

◆<colgroup>タグ､※省略可…列をグループ化するタグです。<caption>タグの下に記述します。

◆<thead>タグ､※省略可…行(ヘッダ部)をグループ化するタグです｡<colgroup>タグの下に記述します｡

◆<tfoot>タグ､※省略可…行(フッタ部)をグループ化するタグです。<thead>タグの下に記述します。

◆<tbody>タグ､（省略可）…行(本体部)をグループ化するタグです。<tfoot>タグの下に記述します。

◆<tr>タグ…行を指定するタグです。<tbody>タグに囲まれた部分で使用します。

◆<td>タグ…セルを指定するタグです。<tr>タグに囲まれた部分で使用します。

◆<th>タグ､※省略可…見出しのセルを指定するタグです。<tr>タグに囲まれた部分で使用します。

Page Top へ ◇表全体の設定<table>へ ◇行と列のグループ化へ