<td colspan="" rowspan="">タグ

要素 td要素 th要素

td要素、th要素のセルにcolspan属性、 rowspan属性を指定すると、セルの結合をすることができます。

colspanは横、rowspanは縦のセルに対して結合を行います。

▼HTML

<table border="1">
 <tr>
  <th bgcolor="#87cefa" width="150px">1</th>
  <th bgcolor="#87cefa" width="150px">2</th>
  <th bgcolor="#87cefa" width="150px">3</th>
  <th bgcolor="#87cefa" width="150px">4</th>
 </tr>
 <tr>
  <td>A</td>
  <td colspan="3" rowspan="3">縦3行、横3列のセルを統合</td>
 </tr>
 <tr>
  <td>B</td>
 </tr>
 <tr>
  <td>C</td>
 </tr>
</table>

▼表示

1 2 3 4
A 縦3行、横3列のセルを統合
B
C