ホーム＞HTMLリファレンス（アルファベット検索）＞<thead>タグ
<thead>…表のヘッダーとなる行のグループを作成する
使用タグ
 |
<thead 属性="属性値">〜</thead> |
開始タグと
終了タグ |
開始タグは必須で
終了タグは省略可 |
内容となる
要素 |
tr 要素
|
 |
      |
 解説
 <thead>タグを使えば、表（テーブル）の<tr>タグを囲み、行のグループを作成することができ、そのグループ化したグループは表のヘッダーを意味します。
表の作成の基本は、<table>〜</table>の中に<tr>、<tr>〜<tr>（表の行を定義）の中に、<th>（見出しセル）または、<td>（データ用セル）を記述します。
※<thead>と同じような効果を持つ、表の行のグループ化には、他に<tbody>、<tfoot>がありますが、記述する順番は<thead>、<tfoot>、<tbody>の順番で記述することになっています。ですが、ブラウザで表示される場合は、<tfoot>タグの内容が<tbody>タグの内容の後に表示されるので注意が必要です。
|
属性と働き
| 属性 |
働き |
指定できる値 |
| align="横方向の配置" |
行のグループ内の文字の横方向の配置を指定できます |
「left」:左揃え
「center」:中央揃え
「right」:右揃え
「justify」:両端揃え
「char」:char 属性で指定した文字揃え |
| valign="縦方向の配置" |
行のグループ内の文字の縦方向の配置を指定できます |
「top」:上揃え
「middle」:中央揃え
「bottom」:下揃え
「baseline」:ベースライン揃え |
char="文字"
対応ブラウザなし |
指定した値に合わせて文字を揃えます。 |
基準となる１文字 |
charoff="ずらす長さ"
対応ブラウザなし |
char属性で桁揃え文字が指定されていた場合、その文字からどれくらい左右にずらして表示するかを指定します |
ピクセルを表す整数、パーセンテージ |
使用例
記述例
<table border="1">
<caption>
購入商品
</caption>
<thead bgcolor="#FFAA00">
<tr>
<th width="100" align="center">商品名</th>
<th width="100" align="center">価格</th>
</tr>
</thead>
<tfoot bgcolor="#FF5500" align="right">
<tr>
<td>合計</td>
<td>11800円</td>
</tr>
</tfoot>
<tbody align="right">
<tr>
<td>メロン</td>
<td>10000円</td>
</tr>
<tr>
<td>チョコレート</td>
<td>1000円</td>
</tr>
<tr>
<td>本</td>
<td>800円</td>
</tr>
</tbody>
</table> |
|
[ブラウザでの表示例]
| ブラウザ |
購入商品
| 商品名 |
価格 |
| 合計 |
11800円 |
| メロン |
10000円 |
| チョコレート |
1000円 |
| 本 |
800円 |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他
