HTMLにて一番上のセルを縦に3つ分結合した、三行一列の表を作成したいのです

HTML
1
2<html>
3<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
4<body>
5	<table border="1">
6
7		<tr>
8		    <td rowspan="3">ABC</td>
9		</tr>
10
11		<tr>
12			<td>DEF</td>
13		</tr>
14
15		<tr>
16			<td>GHI</td>
17		</tr>
18
19	</table>
20</body>
21</html>
22

上記のコードでは、
3つ分結合したABCのセルの右側に、DEF,GHIのセルが表示されてしまいます。

ABCのセルの下に、DEF,GHIのセルが表示されてほしいのですが、
どうすれば出来るのでしょうか。

どなたか教えて頂けないでしょうか
どうぞよろしくお願いいたします。

kei344

2017/04/10 02:16

説明を図で書いていただけませんか？

行動規範の内容に同意します

回答2件

ベストアンサー

縦とか横とか結合とか用語がよくわかりませんが、こんなのを求めてます？

HTML
1<html>
2<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
3<body>
4    <table border="1">
5
6        <tr>
7            <td colspan="3">ABC</td>
8        </tr>
9
10        <tr>
11            <td>DEF</td>
12            <td>GHI</td>
13            <td>JKL</td>
14        </tr>
15
16    </table>
17</body>
18</html>

追記
それともこんな感じですか？

HTML
1<html>
2<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
3<body>
4    <table border="1">
5
6        <tr>
7            <td>ABC<br>ABC<br>ABC<br></td>
8        </tr>
9
10        <tr>
11            <td>DEF</td>
12        </tr>
13
14        <tr>
15            <td>GHI</td>
16        </tr>
17
18        <tr>
19            <td>JKL</td>
20        </tr>
21
22    </table>
23</body>
24</html>

投稿2017/04/09 23:56

編集2017/04/10 00:05

Zuishin

総合スコア28660

alice-R

2017/04/10 09:50

分かりづらい説明で申し訳ございません。追記の方に書いて下さったコードが求めていたものでございます。本当にありがとうございました。

行動規範の内容に同意します

html
1<html>
2<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
3<body>
4    <table border="1">
5
6        <tr>
7            <td colspan="2">ABC</td>
8        </tr>
9        <tr>
10            <td>DEF</td>
11            <td>GHI</td>
12        </tr>
13     </table>
14</body>
15</html>
16コード