サンプル5
テーブルの形を変更と余白の設定（サンプル5）を紹介しています。以下を基本として説明していますので覚えておいてください。
<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td>
</tr>
<tr>
<td>セル3
</td><td>セル4</td></tr>
</table>
<tr>〜</tr>が行（横一列）を表し、<td>〜</td>がセルを表します。
行（横一列）を増やす
<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
<tr><td>セル5</td><td>セル6</td></tr>
</table>
他の行（横一列）が使用している数だけセルを足します。
列（縦一列）を増やす
<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td>
<td>セル3</td></tr>
<tr><td>セル4</td><td>セル5</td>
<td>セル6</td></tr>
</table>
行（横一列）全てにセルを足します。
セルを横に結合
<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td
colspan="2">セル3削除</td></tr>
<tr><td>セル4</td><td>セル5</td><td>セル6</td></tr>
</table>
colspan ⇒ 数字分だけ横（右）に結合、数字-１右のセルを削除します。
セルを縦に結合
<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル4</td><td
rowspan="2">セル8削除</td></tr>
<tr><td>セル7</td></tr>
</table>
rowspan ⇒ 数字分だけ縦（下）に結合、数字-１下のセルを削除します。
文字と枠線の間に余白
<table border="1" cellspacing="0" cellpadding="10">
| セル1 | セル2 |
| セル3 | セル4 |
cellpadding ⇒ 文字と枠線の間に余白を入れます。
枠線に余白
<table border="1" cellspacing="10" cellpadding="0">
| セル1 | セル2 |
| セル3 | セル4 |
cellspacing ⇒ 枠線に余白を入れます。
枠線の太さ
<table border="10" cellspacing="10" cellpadding="0">
| セル1 | セル2 |
| セル3 | セル4 |
border ⇒ 枠線の太さを設定します。"0"に指定すると枠線が消えます。