インナーテーブル

テーブル内のテーブル

テーブル内にテーブルが必要になることはよくあります。ここでは横２列、縦３列のテーブルを使います。２番目の横列、２番目の縦列の場所をさらに縦横２列に分割します。さらにテーブルの間隔を定めるために cellpadding と cellspacing というアトリビュート（属性）を使用します。
コード例:
<table border=1 width=80% height=30% align=center cellpadding=1 cellspacing=1>
<tr height=30%>
<td>
１番目の横列
</td>
<td>
１番目の横列
</td>
<td>
１番目の横列
</td>
</tr>
<tr height=70%>
<td>
２番目の横列
</td>
<td >
<table bgcolor=yellow border=1 width=80% height=80%>
<tr >
<td> インナーテーブル </td>
<td> インナーテーブル </td>
</tr>
<tr >
<td> インナーテーブル </td>
<td> インナーテーブル </td>
</tr>
</table>
</td>
<td>
２番目の横列
</td>
</tr>
</table>
結果:

１番目の横列	１番目の横列	１番目の横列
２番目の横列	インナーテーブル インナーテーブル インナーテーブル インナーテーブル	２番目の横列

Cellpadding と Cellspacing

cellpadding と cellspacing　アトリビュート（属性）を使用してパディングとスペースを設定します
使用方法:
<table border=0 bgcolor="#776655" width=80% height=150 align=center cellpadding=0 cellspacing=0>
上記で作成したテーブルの色や境界、セルスペースやセルパッディングを変更することで、より見栄えがよくなります。
結果:

１番目の横列	１番目の横列	１番目の横列
２番目の横列	1 2 3 4	２番目の横列