トップ＞やさしいHTML教室トップ＞メニュー＞セルの結合 次へ(テーブルのサイズを指定する)
<td colspan="結合させるセルの数">属性タグの colspan を使えば、セルを横に結合することができます。<td rowspan="結合させるセルの数">セルを縦に結合させるには rowspanを使います。 | ||||||||||||||||
| プレビュー | HTMLソース | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
<html> <head> <title>サンプル</title> </head> <body> <table border="1"> <tr> <td colspan="2">2つのセルを結合しました(横)</td> <td>結合していないセルです</td> </tr> <tr> <td rowspan="2">2つのセルを結合しました(縦)</td> <td>結合していないセルです</td> <td>結合していないセルです</td> </tr> <tr> <td>結合していないセルです</td> <td>結合していないセルです</td> </tr> <tr> <td>結合していないセルです</td> <td colspan="2"rowspan="2">colspan と rowspan の組み合わせです。</td> </tr> <tr> <td>結合していないセルです</td> </tr> </table> </body> </html> |
|||||||||||||||