last modified 6th/Nov. 2000
TABLE の隣接するセルを結合して一つにすることが出来ます。
横方向のセルの結合は colspan 属性、縦方向は rowspan 属性で指定します。
セル "2" は二行をまたぐ；
<table border="1"> <tr> <td>1 </td><td rowspan="2">2 </td><td>3 </td> </tr><tr> <td>4 </td><td>6 </td> </tr><tr> <td>7 </td><td>8 </td><td>9 </td> </tr> </table>
表示例；
| 1 | 2 | 3 |
| 4 | 6 | |
| 7 | 8 | 9 |
セル "4" は二列をまたぐ；
<table border="1"> <tr> <td>1 </td><td>2 </td><td>3 </td> </tr><tr> <td colspan="2">4 </td><td>6 </td> </tr><tr> <td>7 </td><td>8 </td><td>9 </td> </tr> </table>
表示例；
| 1 | 2 | 3 |
| 4 | 6 | |
| 7 | 8 | 9 |
セルの定義が重複する場合は誤りです。この誤りをどのように表示するかはブラウザに依存します。
誤り；セル "5" と "7" が重複している；
<table border="1"> <tr><td>1 <td>2 <td>3 <tr><td>4 <td rowspan="2">5 <td>6 <tr><td colspan="2">7 <td>9 </table>