rowspanとcolspan

公開日： 2015/07/31 : CSS&HTML

１番上の表
rowspan=”3″　を何も指定しない。
２番目の表
rowspan=”3″ を指定。
１　のセル　にまたがって、縦に 3個分のセルを並べる。
３番目の表
rowspan=”3″　を何も指定しない

４番目の表
rowspan=”3″ を指定。
１　のセルにまたがって、縦に 3個分のセルを並べる。
またがっているのは、２　３　４　のセル。

<html>
<head>
<title>
</title>
</head>
<body>


<table border="1"><tr>
<td>１　のセル</td>
<td>２　のセル</td></tr><tr>
<td>３　のセル</td></tr><tr>
<td>４　のセル</td>
</tr></table>

<br /><br /><br />


<table border="1"><tr>
<td rowspan="3">１　のセル</td>
<td>２　のセル</td></tr><tr>
<td>３　のセル</td></tr><tr>
<td>４　のセル</td>
</tr></table>


<br /><br /><br />

<table border="1"><tr>
<td >１　のセル</td></tr><tr>
<td>２　のセル</td>
<td>３　のセル</td>
<td>４　のセル</td>
</tr></table>


<br /><br /><br />


<table border="1"><tr>
<td colspan="3">１　のセル</td></tr><tr>
<td>２　のセル</td>
<td>３　のセル</td>
<td>４　のセル</td>
</tr></table>


</body>
</html>