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

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

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


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

パラメーター

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"