テーブルタグ8
セルの結合(横)
横のセルを結合するには<td>タグにcolspan属性を入れ、その後に結合するセル数を入力します。結合したセルの<td>〜</td>タグは省略します。
<table border="1">
<tr>
<td>1番目</td>
<td colspan="2">2番目</td>
</tr>
<tr>
<td>3番目</td>
<td>4番目</td>
<td>5番目</td>
</tr>
</table>
例
<tr>
<td>1番目</td>
<td colspan="2">2番目</td>
</tr>
<tr>
<td>3番目</td>
<td>4番目</td>
<td>5番目</td>
</tr>
</table>
例
| 1番目 | 2番目 | |
| 3番目 | 4番目 | 5番目 |
セルの結合(縦)
縦のセルを結合するには<td>タグにrowspan属性を入れ、その後に結合するセル数を入力します。
横のセル結合と同様、結合した分だけ<td>〜</td>タグを省略しますが、省略するのは結合したセルの含まれる行の次の行(<tr>)以降の結合した部分に当たる<td>〜</td>です。
横のセル結合と同様、結合した分だけ<td>〜</td>タグを省略しますが、省略するのは結合したセルの含まれる行の次の行(<tr>)以降の結合した部分に当たる<td>〜</td>です。
<table border="1">
<tr>
<td rowspan="2">1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
<tr>
<td>4番目</td>
<td>5番目</td>
</tr>
</table>
例
<tr>
<td rowspan="2">1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
<tr>
<td>4番目</td>
<td>5番目</td>
</tr>
</table>
例
| 1番目 | 2番目 | 3番目 |
| 4番目 | 5番目 |