テーブルのヘッダ・フッタ・本体 【<thead>、<tfoot>、<tbody>】

ブラウザで表示した時の見え方

タイトル アーティスト 感想
タイトル アーティスト 感想
儚いダイヤモンド B'z 自分の中にあった虚しさが明るい形でふっきれた曲。
つめたくしないで 吉田美和 いい意味で女性特有の、せつなくてカワイイ曲。

ソースサンプル

<table cellspacing="2" cellpadding="4" summary="曲の紹介">
<thead bgcolor="#baa8f0">
<tr>
<th>タイトル</th>
<th>アーティスト</th>
<th>感想</th>
</tr>
</thead>
<tfoot bgcolor="#baa8f0">

<tr>
<th>タイトル</th>
<th>アーティスト</th>
<th>感想</th>
</tr>
</tfoot>
<tbody bgcolor="#e1dcf0">

<tr>
<td>儚いダイヤモンド</td>
<td>B'z</td>
<td>自分の中にあった虚しさが明るい形でふっきれた曲。</td>
</tr>
<tr>
<td>つめたくしないで</td>
<td>吉田美和</td>
<td>いい意味で女性特有の、せつなくてカワイイ曲。</td>
</tr>
</tbody>
</table>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

解説

オプション
bgcolor
(※1)
16進数またはカラーネーム背景色を指定する<thead bgcolor="#ffffff">
heightピクセルまたは%高さを指定する<thead height="200">
widthピクセルまたは%幅を指定する<thead width="150">
alignleft
center
right
justify
左揃え
中央揃え
右揃え
両端揃え
<thead align="center">
valigntop
middle
bottom
baseline
上に寄せる
中央揃え(初期値)
下に寄せる
一行目のベースラインを揃える
<thead valign="top">
属性名機能