html&css
<table width=468>
<tr>
<th width=117 bgcolor="#8888CC">th部分1</th><th width=117 bgcolor="#8888CC">th部分2</th><th width=234 bgcolor="#8888CC">th部分3</th>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC">欄1</td><td width=117 bgcolor="#AAAACC">欄2</td>
<td width=234 valign="top" rowspan="3" bgcolor="#AAAACC">縦長の長さが横の欄3つ分、widthが234となっています。</td>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC">欄3</td><td width=117 bgcolor="#AAAACC">欄4</td>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC">欄5</td><td width=117 bgcolor="#AAAACC">欄6</td>
</tr>
</table>
<table width=468>
<tr>
<th width=117 bgcolor="#CCAAAA">テーブル欄7</th><td width=234><marquee scrollamount="25" direction="right">table</marquee></td>
<td width=117 bgcolor="#AAAACC" rowspan="4" valign="top">横にthが付いているテーブルです。</td>
</tr>
<tr>
<th width=117 bgcolor="#CCAAAA">テーブル欄8</th><td width=234>tr</td>
</tr>
<tr>
<th width=117 bgcolor="#CCAAAA">テーブル欄9</th><td width=234>th</td>
</tr>
<tr>
<th width=117 bgcolor="#CCAAAA">テーブル欄A</th><td width=234>td</td>
</tr>
</table>
<table width=468>
<tr>
<th width=117 bgcolor="#CC8888">th部分1</th><td width=117 bgcolor="#AAAACC">欄B</td><td width=234 bgcolor="#AAAACC">欄C</td>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC" colspan="2">欄D</td>
<td width=234 valign="top" rowspan="3" bgcolor="#AACCAA">欄D,E,Fはcolspan="2"となっています。この欄はrowspan="3"です。</td>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC" colspan="2">欄E</td>
</tr>
<tr>
<td width=117 bgcolor="#AAAACC" colspan="2">欄F</td>
</tr>
<tr>
<th width=468 bgcolor="#88CC88" colspan="3">下側に配置したthです。</th>
</tr>
</table>