表[Table tag]

<table><tr><td>〜</td></tr></table>

表（テーブル）タグでは、表を作成することができます。 ページをレイアウトすることにも使用できますが、レイアウトにはCSS（スタイルシート）を使用することをおすすめします。

サンプル
HTMLソース
<table border="1">
<tr>
<td>1列1行</td><td>2列1行</td>
</tr>
<tr>
<td>1列2行</td><td>2列2行</td>
</tr>
</table>

「border属性」でテーブルの枠線の太さを、 「width属性で」テーブルの幅を、「height属性で」テーブルの高さを指定しています。

サンプル
HTMLソース
<table border="2" width="100px" height="50px">
<tr>
<td>1列1行</td><td>2列1行</td>
</tr>
<tr>
<td>1列2行</td><td>2列2行</td>
</tr>
</table>

「bgcolor属性」でテーブルの背景色を、「width属性」でセルの幅を指定しています。

サンプル
HTMLソース
<table border="1" bgcolor="red">
<tr>
<td width="100px">1列1行</td><td width="50px">2列1行</td>
</tr>
<tr>
<td>1列2行</td><td>2列2行</td>
</tr>
</table>

「bordercolor属性」でテーブルの枠線の色を、「bgcolor属性」でテーブルとセルの背景色を指定しています。

サンプル
HTMLソース
<table border="1" bordercolor="black" bgcolor="red">
<tr>
<td bgcolor="blue">1列1行</td><td bgcolor="orange">2列1行</td>
</tr>
<tr>
<td bgcolor="yellow">1列2行</td><td bgcolor="green">2列2行</td>
</tr>
</table>
属性/値/機能
属性値機能
width数値横幅
height数値高さ
bgcolor色名/カラーコード背景色
border数値枠の太さ（「<table>」のみ）
bordercolor色名/カラーコード枠の色（「<table>」のみ）
cellpadding数値セルの余白（「<table>」のみ）
cellspacing数値セルの間隔（「<table>」のみ）
alignleft左揃え
center中央揃え
right右揃え
valigntop上揃え（「<tr>」「<td>」のみ）
middle中央揃え（「<tr>」「<td>」のみ）
bottom下揃え（「<tr>」「<td>」のみ）
baselineベースライン（「<tr>」「<td>」のみ）
colspanセル数横方向のセルを結合（「<td>」のみ）
rowspanセル数縦方向のセルを結合（「<td>」のみ）