テーブルタグについて詳しく分かる方教えてください！

質問

<table><tr><td rowspan="2">
Ａ
</td><td>
Ｂ
</td></tr>
<tr><td>
Ｃ
</td></tr>
<tr><td>
Ｄ
</td></tr>
<tr><td>
Ｅ
</td></tr>
<tr><td>
Ｆ
</td></tr>
</table>

横が５列で、左から２番目のところだけ（ＢとＣ）を同じ枠内の中で縦２つに並べたいのですが
このタグでは３つめから下の段にいっちゃうのです…´｀
どこを変えれば希望通りにいきますか？

回答No.2

nekotani · ベストアンサー

簡単な方（入れ子）
<table>
<tr>
<td rowspan="2">Ａ</td>
<td>
<table>
<tr>
<td>Ｂ</td>
</tr>
<tr>
<td>Ｃ</td>
</tr>
</table>
<td>Ｄ</td>
<td>Ｅ</td>
<td>Ｆ</td>
</tr>
</table>

面倒な方
<table>
<tr>
<td rowspan="2">A</td>
<td>B</td>
<td rowspan="2">D</td>
<td rowspan="2">E</td>
<td rowspan="2">F</td>
</tr>
<tr>
<td>C</td>
</tr>
</table>

回答No.4

narunaru23

既に回答が出ていますが、私はnekotaniさんの面倒な方をおすすめします。
HTMLの表記上こちらの方が正しいとされていますので、
覚えておくと便利ですよ。

<table>（外枠を作ります。）
（次に１行目を作成します。）
<tr>
<td rowspan="2">（ここでは、２行を１行に拡大するという指示をしておきます）
A
</td>
<td>
B
</td>
<td rowspan="2">
D
</td>
<td rowspan="2">
E
</td>
<td rowspan="2">
F
</td>
</tr>（１行目の設定を終了します）
（次にに２行目を作ります）
<tr>
<td>（２行目の１、３、４、５列目は上で拡大してるので、
２列目になるCの部分だけを作ります）
C
</td>
</tr>（２行目の設定を終了します）
</table>（外枠を閉じて完成です）

回答No.3

nekotani

すみません。簡単な方、間違えました。rawspan="2"は不要です。

<table>
<tr>
<td>Ａ</td>
<td>
<table>
<tr>
<td>Ｂ</td>
</tr>
<tr>
<td>Ｃ</td>
</tr>
</table>
<td>Ｄ</td>
<td>Ｅ</td>
<td>Ｆ</td>
</tr>
</table>

回答No.1

narunaru23

まずテーブルを２行5列で作成します。
次にA,D,E,Fは<td rowspan="2">の指示で行を２行分に拡大しておきます。
そして、CはAの次の列（１行目の２列目）に入れ、Dは２行目の２列目に入れます。

このように指示すれば希望通りに並ぶかと思いますがどうでしょうか？

補足

んん…；；
ちょっと分かりにくいので実際に質問文みたいなカンジで全部やってもらえませんかね？