複雑なtableダグ。
<table border="1">
<tr>
<td rowspan="2"> A</td>
<td rowspan="2"> B</td>
<td colspan="2"> C</td>
</tr>
<tr>
<td> D</td><td> E</td>
</tr>
<tr>
<td rowspan="2"> F</td>
<td> G</td>
<td> H</td>
<td> I </td>
</tr>
<tr>
<td> J</td>
<td> K</td>
<td> L</td>
</tr>
<tr>
<td> L</td>
<td> M</td>
<td> N</td>
<td> O</td>
</tr>
</table>
この構造です。
Ａ（赤枠）とＣ（薄紫枠）の説明。
この複雑に見えるtableの構造はこのようになってます。
A = a1 + a2 です。（上下の枠を合わせる）
C = c1 + c2 です。（左右の枠を合わせる）
書き方はソースの通り。
Aの場合。
<td rowspan="2"> A</td>
下の枠とあわせて2個分の枠をつくりますよ！ってことです。
もし
<td rowspan="3"> A</td>
と書くと、下に「3個」合わせますよ！ということになります。
Cの場合。
<td colspan="2"> C</td>
右に2個合わせます！です。
リアル忙しくて死にそうです.....。
現実逃避BLOG。