トップ>やさしい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> |