ヘッダセルとデータセル

ヘッダセルとデータセル【<th>、<td>】

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

名前	性別	趣味
あい	女性	パソコン

ソースサンプル

<table cellspacing="3" cellpadding="3">
<tr bgcolor="#ffccee">
<th>名前</th>
<th>性別</th>
<th>趣味</th>
</tr>
<tr bgcolor="#ddccff">
<td>あい</td>
<td>女性</td>
<td>パソコン</td>
</tr>
</table>

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

解説

そのセルの内容が見出しのときは<th>を、データの場合は<td>を使います。
<th>の時はセルの中央に太字で表示されます。
オプションを紹介しますが、できる部分はCSSで設定しましょう。
(※1)は非推奨属性です。

オプション
bgcolor (※1)	16進数またはカラーネーム	背景色を指定する	<th bgcolor="#ffffff">
height	ピクセルまたは%	高さを指定する	<th height="200">
width	ピクセルまたは%	幅を指定する	<th width="150">
align (※1)	left、center、right	左揃え、中央揃え、右揃えにして表示する	<th align="center">
valign	top、middle、bottom	上、中央、下に寄せて表示する	<td valign="top">
colspan	セル数	横方向のセルの連結数を指定する	<td colspan="3">
rowspan		セル内の文字列を自動的に改行しないように指定する	<td rowspan="5">
nowrap nowrap="nowrap"(XHTML) (※1)	セル数	縦方向のセルの連結数を指定する	<td nowrap> <td nowrap="nowrap">
属性名	値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - ヘッダセルとデータセル