WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <tfoot>
<tfoot>  テーブル  表 

テーブルの行をフッター部分として定義する。

テーブルの行を、ヘッダ、フッタ、ボディに分ける際のフッター部分を定義します。

パラメーター

align="align" …表示位置を指定。
　center：中央揃え / char：指定文字揃え / justify：均等割付 / left：左寄せ / right：右寄せ
bgcolor="color" …背景色を指定します。
char="char" …位置揃えする文字を指定。
charoff="x" …char属性で指定した文字のオフセットを指定。
valign="valign" …文字の縦位置を指定。
　　baseline：ベースライン / top：上側 / middle：中央 / bottom：下側

サンプルコード

<table border="1">
<caption>【売上明細】</caption>
<colgroup span="1">
<colgroup span="4" align="right">
<thead bgcolor="#ffeeee">
<tr>
<th>品名</th><th>価格</th><th>個数</th><th>小計</th>
</tr>
</thead>
<tfoot bgcolor="#eeeeff" align="right">
<tr>
<th>合計</th><td>?</td><td>5</td><td>352,000</td>
</tr>
</tfoot>
<tbody align="right">
<tr>
<td>パソコン</td><td>98,000</td><td>3</td><td>294,000</td>
</tr>
<tr>
<td>テレビ</td><td>34,000</td><td>2</td><td>68,000</td>
</tr>
</tbody>
</table>


【売上明細】
品名価格個数小計
合計?5352,000
パソコン98,0003294,000
テレビ34,000268,000

HTMLの一般属性

属性説明
class="～"クラス名を指定。使用例
id="～"IDを指定します。使用例
style="～"スタイルシートを直接記述。使用例
title="～"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="～"言語を指定。日本語の場合は"ja"