<thead><tfoot><tbody> 行をグループ化する -HTMLタグ辞典
HTMLタグ辞典 行をグループ化する
トップページ 戻る コミュニティ リンク ヘルプ
ページ テキスト フォント リンク イメージ リスト フレーム テーブル フォーム 意味 補助 その他
 HTMLタグ辞典 >> テーブル >> 行をグループ化する
タグ

 <table>
 <thead><tr> 〜 </tr></thead>
  ※ テーブルのヘッダ (上)
 <tfoot><tr> 〜 </tr></tfoot>
  ※ テーブルのフッタ (下)
 <tbody><tr> 〜 </tr></tbody>
  ※ テーブルの本体 (内容)
 </table>


 ※「」=セル …<th>と</th>タグ、または、<td>と</td>タグ

解説

 <thead>タグ、<tfoot>タグ、<tbody>タグを使用することで、テーブル内の行を3種類の論理的構造に分けることができます。

 行のグループ化

 行をグループ分けしておくと、各グループごとに属性を指定することで、文書の表示位置、背景色等を設定できます。 指定できる属性に関しては、主にセルに設定できる属性が使用できますので、「セル内の文書の表示位置を指定する」、「テーブルの背景色を指定する」、「テーブルの背景画像を指定する」等で解説している属性を参考しにしてください。


★ <thead>タグ …ヘッダの記述
 テーブルの最上部の行です。 ヘッダとは、作成者、作成日時等の情報を記述する場所です。 実際には、それ以外の情報を記述することもあります。


★ <tfoot>タグ …フッタの記述
 テーブル最下部の行です。 フッタとは、作成者、作成日時等の情報を記述する場所です。 実際には、それ以外の情報を記述することもあります。 ※用途はヘッダと変わりありません。


★ <tbody>タグ …内容の記述
 テーブルの内容を記述します。 このタグに関しては、同じテーブル内に複数指定可能です。 


行をグループ分けする際は、
 <thead> → <tfoot> → <tbody>
の順に上から記述してください。 本体である<tbody>の中身が読み込まれる前に、<tfoot>を読み込ませるためです。


ブラウザで表示されるときは、
 <thead> → <tbody> → <tfoot>
の順に表示されます。

ブラウザ

  このタグは Internet Explorer に対応しています。 このタグは Netscape に対応しています。

使用頻度

  (3/5)

▼ テーブルの作成・設定
テーブルを作成する
テーブルの設定をする
テーブルのサイズを指定する
テーブルの背景色を指定する
テーブルの背景画像を指定する
テーブル名を付ける
テーブル名の表示位置を指定する
テーブルの下から文書を始める
テーブルの表示位置を指定する
テーブルの外側に余白を設定する
▼ 枠線
枠線を表示する
枠線の設定をする
枠線の色を指定する
枠線の幅を指定する
枠と文書の間隔を指定する
外枠線の太さを指定する
外枠線を一部消す
外枠線を立体的にする
▼ セルの設定
セルの設定をする
セル内に見出し作成する
セルのサイズを指定する
セルの背景色を指定する
セルの背景画像を指定する
セル内の文書の表示位置を指定する
セル内の改行を禁止する
セルを縦方向につなげる
セルを横方向につなげる
▼ グループ化
行をグループ化する
列をグループ化する
列の属性をまとめて設定する

属性 解説
align
この属性は Internet Explorer に対応しています。 この属性は Netscape に対応しています。
left

セル内の文書を左揃えにする
(例)<colgroup align="left">

center

セル内の文書を中央揃えにする
(例)<colgroup align="center">

right

セル内の文書を右揃えにする
(例)<colgroup align="right">

valign
この属性は Internet Explorer に対応しています。 この属性は Netscape に対応しています。
top

セル内の文書を上揃えにする
(例)<colgroup valign="top">

middle

セル内の文書を中央揃えにする
(例)<colgroup valign="middle">

bottom

セル内の文書を下揃えにする
(例)<colgroup cellpadding="bottom">

baseline

セル内の文書を上揃えにする
(例)<colgroup cellpadding="baseline">

bgcolor
この属性は Internet Explorer に対応しています。 この属性は Netscape に対応しています。

セル内の背景色を指定する
(例)<colgroup bgcolor="red">
(例)<colgroup bgcolor="#ff0000">

共通属性

classtitlestyleid

サンプルソース 表示例(IE)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>


<TABLE border="1">

<thead>
<TR>
<TH colspan="2">食べ物好き嫌い</TH>
</TR>
</thead>

<tfoot>
<TR>
<TD colspan="2">最終更新日:2005.11.20</TD>
</TR>
</tfoot>

<tbody bgcolor="#d7ffff">
<TR>
<TH>好きな食べ物</TH>
<TH>嫌いな食べ物</TH>
</TR>
</tbody>

<tbody align="left">
<TR>
<TD>寿司</TD>
<TD>焼き肉</TD>
</TR>
</tbody>

<tbody align="right">
<TR>
<TD>塩辛</TD>
<TD>生牡蠣</TD>
</TR>
</tbody>

</TABLE>


</BODY>
</HTML>

サンプルページ
※上記のサンプルソースで記述されたHTMLファイルを、
お使いのブラウザでご覧いただけます。


関連ページ


PAGE TOP
トップページ 戻る コミュニティ リンク ヘルプ



アクセス 昨日 今日 Copyright (C) NEWCREDGE GROUP All Rights Reserved.