属性	値	機能	記述例
align	left center right	左揃え(初期値) セルの内容を中央揃えセルの内容を右揃え	<TBODY align="left"> <TBODY align="center"> <TBODY align="right">
valign	top middle bottom baseline	セルの内容を上揃え中央揃え(初期値) セルの内容を下揃えベースラインに揃える	<TBODY valign="top"> <TBODY valign="middle"> <TBODY valign="bottom"> <TBODY valign="baseline">

<THEAD>タグについて

表を構成する要素はヘッダ<THEAD>、本体<TBODY>、フッタ<TFOOT>の３つに分けられます。
<THEAD>タグはヘッダ部分をグループ化します。
ブラウザに認識させるため、<THEAD>→<TFOOT>→<TBODY>の順番で記述します。

属性	値	機能	記述例
align	left center right	左揃え(初期値) セルの内容を中央揃えセルの内容を右揃え	<THEAD align="left"> <THEAD align="center"> <THEAD align="right">
valign	top middle bottom baseline	セルの内容を上揃え中央揃え(初期値) セルの内容を下揃えベースラインに揃える	<THEAD valign="top"> <THEAD valign="middle"> <THEAD valign="bottom"> <THEAD valign="baseline">

<TFOOT>タグについて

表を構成する要素はヘッダ<THEAD>、本体<TBODY>、フッタ<TFOOT>の３つに分けられます。
<TFOOT>タグはフッタ部分をグループ化します。
ブラウザに認識させるため、<THEAD>→<TFOOT>→<TBODY>の順番で記述します。

属性	値	機能	記述例
align	left center right	左揃え(初期値) セルの内容を中央揃えセルの内容を右揃え	<TFOOT align="left"> <TFOOT align="center"> <TFOOT align="right">
valign	top middle bottom baseline	セルの内容を上揃え中央揃え(初期値) セルの内容を下揃えベースラインに揃える	<TFOOT valign="top"> <TFOOT valign="middle"> <TFOOT valign="bottom"> <TFOOT valign="baseline">

サンプル

表の構成

表のヘッダです	中央揃えです
表のフッタです	右揃えです
表の本体です	上揃えです
表の本体です	表の本体です

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>表の構成</H2>
<BR>
<TABLE width="80%" height="200" border="1">
<THEAD align="center">
<TR>
<TD>表のヘッダです</TD><TD>中央揃えです</TD>
</TR>
</THEAD>
<TFOOT align="right">
<TR>
<TD>表のフッタです</TD><TD>右揃えです</TD>
</TR>
</TFOOT>
<TBODY valign="top">
<TR>
<TD>表の本体です</TD><TD>上揃えです</TD>
</TR>
<TR>
<TD>表の本体です</TD><TD>表の本体です</TD>
</TR>
</TBODY>
</TABLE>

解説・注意点など

このようにヘッダ・フッタ・本体と分けることは無意味のように思えますが、スタイルなどを適用する際に便利なものになります。

← HTMLタグリファレンス/Tipsに戻る

eWeb