HTMLテーブルの見出しセル
tdタグに加えて、
thタグも存在し、これもセルを作成します。
しかし、これは通常のセルではなく、見出しセルであり、
その列(または行)にあるデータの内容を示します。
デフォルトでは、
そのようなthセル内のテキストは太字で
中央揃えになります。
例を見てみましょう。以下のような従業員の テーブルがあるとします:
<table border="1" width="300">
<tr>
<td>John</td>
<td>Smith</td>
<td>200$</td>
</tr>
<tr>
<td>Nick</td>
<td>Mayers</td>
<td>300$</td>
</tr>
<tr>
<td>Alex</td>
<td>Jonson</td>
<td>400$</td>
</tr>
</table>
:
ご覧の通り、最初の列には従業員の名前が、
2番目の列には姓が、
3番目の列には給与が格納されています。
テーブルの先頭にもう一行追加し、
thタグで列の見出しを配置してみましょう:
<table border="1" width="300">
<tr>
<th>名前</th>
<th>姓</th>
<th>給与</th>
</tr>
<tr>
<td>John</td>
<td>Smith</td>
<td>200$</td>
</tr>
<tr>
<td>Nick</td>
<td>Mayers</td>
<td>300$</td>
</tr>
<tr>
<td>Alex</td>
<td>Jonson</td>
<td>400$</td>
</tr>
</table>
:
以下の例を繰り返してください: