ヘッダセルとデータセル 【<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>

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

解説

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