枠(テーブル)の作り方

<div align="center">
<table border=5 cellpadding=5 cellspacing=5>
<tr><td>枠１</td><td>枠２</td></tr>
<tr><td>枠３</td><td>枠４</td></tr>
</table></div>
<p>

div align=テーブルの表示位置(left.center.right)
border=枠線のサイズ(数字が大きい程太い)
cellpadding=枠と文字の間隔(数字が大きい程隙間が出来る)
cellspacing=枠の中の区切り線(数字が大きい程太い)

上のタグを打つと下のようになります

枠１
枠２
枠３
枠４

<tr>〜</tr>を増やせば縦に枠が増えます

<td>〜</td>を増やせば横に枠が増えます

例：枠を縦と横に１つずつ増やします

<div align="center">
<table border=5 cellpadding=5 cellspacing=5>
<tr><td>枠１</td><td>枠２</td><td>枠３</td></tr>
<tr><td>枠４</td><td>枠５</td><td>枠６</td></tr>
<tr><td>枠７</td><td>枠８</td><td>枠９</td></tr>
</table></div>
<p>

上のタグを打つと下のようになります

枠１枠２枠３
枠４枠５枠６
枠７枠８枠９

テーブルのタグ応用編

<div align="center">
<table border=5 cellpadding=5 cellspacing=5>
<th rowspan="3"><center>数字の数だけ<br>横の枠が増えるよ</center></th>
<td>ほ</td></tr>
<tr><td>ら</td></tr>
<tr><td>ね</td></tr>
</table></div>
<p>

上のタグで下の枠ができるよ

数字の数だけ横の枠が増える
ほ
ら
ね

ポイントは横にくる枠の最初の<tr>を抜くこと
つけると枠の位置がずれます