でcolspan属性を使用して、2つ以上のテーブルセルを結合することができます。 HTMLタグ（テーブルデータ） たとえば、次のコードは3行3列のテーブルです。

最初の2つのセルを1つのセルに結合したい場合は、最初のセルにcolspan = "2"属性を使用できます。 タグ。 この数は、何個のセルを使用したいかを表します。 タグ。

HTMLテーブルの例

Webブラウザでレンダリングされた上記のコードは、以下の表のような表を作成します。 ご覧のとおり、最初のセルは2列の幅にわたります。

テーブルの上部にある3つのセルすべてを使用するには、3つの列があるため、colspan値を3に増やします。 値を3に増やすと、以下の例のような表になります。

注意：展開するときに 残りの列を削除する列 タグ。 上記の例では、3つの列すべてを使用しているため、1つの列しかありません。 の中に （テーブル行）

WYSIWYGエディタを使用してセルを結合する

WYSIWYGエディタを使用してセルを結合することもできます。 通常、これは2つ以上のセルを強調表示し、セルを右クリックしてからセルを結合するオプションを選択することによって行われます。 以下は、DreamweaverとExpression Webでこれを行う方法に関する追加の手順です。

Dreamweaverを使用してセルを結合する

1. テーブル内の2つ以上のセルを強調表示します。
2. 強調表示されているセルを右クリックします。
3. テーブルをクリックしてからセルの結合をクリックします。

または

1. テーブル内の2つ以上のセルを強調表示します。
2. キーボードショートカットAlt + Ctrl + Mを押します。

Expression Webを使用してセルを結合する

1. テーブル内の2つ以上のセルを強調表示します。
2. 強調表示されているセルを右クリックします。
3. 変更をクリックしてからセルの結合をクリックします。