サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 表の構成 <TBODY> <THEAD> <TFOOT>

表の構成 <TBODY> <THEAD> <TFOOT>



<TBODY>タグについて

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

属性 機能 記述例
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>の3つに分けられます。
<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>の3つに分けられます。
<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/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home