HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> テーブルタグ >> 表の構造を明確にする(グループ化する)

テーブルタグ

表の構造を明確にする(グループ化する)

<thead><tfoot><tbody>

テーブルタグで表示関連する基本的なタグ以外に、これらのタグをグループ化するタグが存在します。これが、<thead>(ヘッダー要素)タグ、<tfoot>(フッター要素)タグ、<tbody>(ボディ要素)タグです。これら3つのテーブルグループ化タグは、挿入しても直接的には表示に関係ありませんが、表の構造を明確にする場合には使用する必要があります。

なお、これらのタグは<table>タグと<tr>タグの間に挿入します。

タグをコピーする

記述例

<table>

<thead>
<tr>
<td>上のセル</td>
</tr>
</thead>

<tfoot>
<tr>
<td>下のセル</td>
</tr>
<tfoot>

<tbody>
<tr>
<td>中央のセル</td>
</tr>
</tbody>

</table>
上のセル
下のセル
中央のセル

※分かりやすくするために枠を表示しています。

☆ワンポイントアドバイス

これら3つのタグは<thead>・・・<tfoot>・・・<tbody>の順番で記述する必要があります。<tfoot>は本文の<tbody>より先に記述しますが、<tfoot>はフッター要素であるため、実際には最下段に表示されていることに注意してください。

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。