Bagaimana menggabungkan atau menggabungkan sel dalam jadual HTML

Anda boleh menggabungkan dua atau lebih sel-sel meja bersama-sama dengan menggunakan atribut colspan dalam a Tag HTML (data jadual). Sebagai contoh, dalam kod di bawah ialah jadual dengan tiga baris dan tiga lajur.

Sekiranya kita ingin menggabungkan dua sel pertama ke dalam satu sel, kita boleh menggunakan atribut colspan = "2" pada yang pertama tag. Nombor mewakili bilangan sel yang anda mahu gunakan untuk tag.

Contoh jadual HTML

Kod di atas, yang diberikan dalam pelayar web, menghasilkan jadual yang serupa dengan jadual yang ditunjukkan di bawah. Seperti yang anda dapat lihat, sel pertama merangkumi lebar dua lajur.

Untuk menggunakan ketiga-tiga sel di atas meja, tambah nilai colspan menjadi 3 kerana terdapat tiga tiang. Meningkatkan nilai kepada 3 memberi anda jadual yang serupa dengan contoh yang ditunjukkan di bawah.

Nota: Pastikan bahawa apabila anda memperluaskan lajur yang anda keluarkan apa-apa yang tinggal tag. Dalam contoh di atas, kerana kita menggunakan ketiga-tiga lajur, kita hanya mempunyai satu di dalam (jadual jadual).

Menggabungkan sel dengan menggunakan editor WYSIWYG

Anda juga boleh menggunakan editor WYSIWYG untuk menggabungkan sel. Biasanya ini dilakukan dengan menonjolkan dua atau lebih sel, mengklik kanan sel-sel dan kemudian memilih pilihan untuk menggabungkan sel-sel. Berikut adalah langkah-langkah tambahan mengenai cara melakukannya dalam Dreamweaver dan Web Expression.

Menggabungkan sel menggunakan Dreamweaver

  1. Serlahkan dua atau lebih sel di dalam jadual anda.
  2. Klik kanan pada sel yang diserlahkan.
  3. Klik Jadual dan kemudian Selitkan Sel .

atau

  1. Serlahkan dua atau lebih sel di dalam jadual anda.
  2. Tekan pintasan papan kekunci Alt + Ctrl + M.

Menggabungkan sel menggunakan Web Expression

  1. Serlahkan dua atau lebih sel di dalam jadual anda.
  2. Klik kanan pada sel yang diserlahkan.
  3. Klik Ubah suai dan kemudian Selitkan Sel .