Cara menggabungkan atau menggabungkan sel dalam tabel HTML

Anda bisa menggabungkan dua atau lebih sel tabel bersama dengan menggunakan atribut colspan di a Tag HTML (data tabel). Misalnya, dalam kode di bawah ini adalah tabel dengan tiga baris dan tiga kolom.

Jika kita ingin menggabungkan dua sel pertama menjadi satu sel, kita bisa menggunakan atribut colspan = "2" di yang pertama menandai. Angka tersebut mewakili berapa banyak sel yang ingin Anda gunakan untuk menandai.

Contoh tabel HTML

Kode di atas, yang dibuat di browser web, menghasilkan tabel yang mirip dengan tabel di bawah ini. Seperti yang Anda lihat, sel pertama membentang lebar dua kolom.

Untuk menggunakan ketiga sel di bagian atas tabel, naikkan nilai colspan menjadi 3 karena ada tiga kolom. Meningkatkan nilai ke 3 memberi Anda tabel yang mirip dengan contoh yang ditunjukkan di bawah ini.

Catatan: Pastikan bahwa ketika Anda memperluas a kolom yang Anda hapus yang tersisa menandai. Dalam contoh di atas, karena kami menggunakan ketiga kolom, kami hanya memiliki satu dalam (baris tabel).

Menggabungkan sel menggunakan editor WYSIWYG

Anda juga dapat menggunakan editor WYSIWYG untuk menggabungkan sel. Biasanya ini dilakukan dengan menyorot dua atau lebih sel, mengklik kanan sel dan kemudian memilih opsi untuk menggabungkan sel. Di bawah ini adalah langkah-langkah tambahan tentang cara melakukan ini di Dreamweaver dan Expression Web.

Menggabungkan sel menggunakan Dreamweaver

  1. Sorot dua atau lebih sel di tabel Anda.
  2. Klik kanan pada sel yang disorot.
  3. Klik Tabel dan lalu Gabungkan Sel .

atau

  1. Sorot dua atau lebih sel di tabel Anda.
  2. Tekan pintasan keyboard Alt + Ctrl + M.

Menggabungkan sel menggunakan Expression Web

  1. Sorot dua atau lebih sel di tabel Anda.
  2. Klik kanan pada sel yang disorot.
  3. Klik Ubah dan kemudian Gabungkan Sel .