セルの結合

横方向に結合する場合 <td colspan="結合するセル数">セル</td>
縦方向に結合する場合 <td rowspan="結合するセル数">セル</td>と記載します。

セル結合なし

1. 「table.html」を開き、名前をつけて保存からtextフォルダーに「table04.html」として保存します。
2. 「table01.css」を開き、名前をつけて保存からstyletフォルダーに「table04.css」として保存します。
3. 「table04.thml」に戻りhead要素内に「table04.css」を呼び込むlinkを設定します。
4. h1タグ内を「セルの結合」に書き換えます。
5. table要素を削除し、h1要素の直下に「表」の表2をコピペします。
6. 表の直前にh2要素「セル結合なし」を挿入します。
   

横方向に結合

1. 上記4. 5.をコピーして直下に貼り付けます。
2. h2要素を「横方向に結合」に書き換えます。
3. 1行目1列目（セル1－1）のtdタグに「colspan="2"」を追記します。
4. 1行2列目（セル1－2）のセルを削除します。
   

縦方向に結合

1. 「結合なし」のタイトルと表をコピーして直下に貼り付けます。
2. h2要素を「縦方向に結合」に書き換えます。
3. 1行2列目（セル1－2）の「td」タグに「rowspan="2"」を追記します。
4. 2行２列目（セル2－2）のセルを削除します。
   

縦横に結合

1. 「表」の表3をコピーして直下に貼り付けます。
2. 表の直前にh2要素「セル結合なし」を挿入します。
3. 「結合なし」のタイトルと表をコピーして直下に貼り付けます。
4. h2要素を「縦横方向に結合」に書き換えます。
5. 2行2列目（セル2－2）の「td」タグに「colspan="2" rowspan="2"」を追記します。
6. 2行3列目（セル2－3）のセル、3行2列目（セル3－2）及び3行3列目（セル3－3）のセルを削除します。
   

結合サンプル

1. 「表」の表4をコピーして直下に貼り付けます。
2. 表の直前にh2要素「結合サンプル」を挿入します。
3. 2行1列目（赤川次郎）の「td」タグに「rowspan="3"」を追記します。
4. 3行1列目（空白セル）、4行1列目（空白セル）のセルを削除します。
5. 5行1列目（星新一）の「td」タグに「rowspan="2"」を追記します。
6. 6行1列目（空白セル）のセルを削除します。
   

結合サンプル 2

1. 「結合サンプル」のh2要素と表をコピーして直下に貼り付けます。
2. h2要素を「結合サンプル2」に書き換えます。
3. 「table」要素にクラス「sample」を設定します。
4. 「table04.css」に表の幅、罫線、背景色を設定して上書き保存します。
   
   
5. 上書き保存します。