Saat kita membuat formulir HTML
Anda dapat melihat bahwa ini sangat tidak adil. Ini membutuhkan penggabungan sel
1. Konfirmasikan terlebih dahulu apakah ingin menggabungkan ke kanan (penggabungan kolom) atau ke bawah (penggabungan baris).
2. Temukan sel yang perlu digabungkan.
3. Jika sel yang digabungkan memiliki konten atau menempati suatu posisi, sel yang digabungkan dapat dihapus di kode sumber.
Perhatian khusus :
Saat kita menggabungkan sel, jika sel yang digabungkan memiliki konten, meskipun penggabungan tidak akan terpengaruh, karena konten sel yang digabungkan tidak diproses dengan cara apa pun, maka otomatis sel tersebut akan berpindah kembali.
Solusi : Hapus saja sel-sel yang berlebihan.
Gabungkan seluruh baris: rowpan="Jumlah sel yang digabungkan"
Gabungkan seluruh kolom: colspan="Jumlah sel yang digabungkan"
Penjelasan rinci:
Sel sasaran:
1: Baris silang: Sel teratas adalah sel target, tulis kode gabungan.
2: Kolom silang: Sel paling kiri adalah sel target, tulis kode penggabungan.
Kemudian kita ikuti langkah-langkah utama:
Bentuk awal <body> <tabel border="1" align="center" width="100%" cellpadding="20" Cellspacing="0"> <tr> <th>Pengumpulan informasi terbaik</th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <th>Nama</th> <th>Jenis Kelamin</th> <th>Usia</th> <th>Hobi</th> </tr> <tr> <td></td> <td>Saudara</td> <td>Laki-laki</td> <td>24</td> <td>Menyanyi, menari, rap, dan bermain basket</td> </tr> <tr> <td></td> <td>Litang</td> <td>Laki-laki</td> <td>20</td> <td>Pengukuran kode dan ukiran tajam lima</td> </tr> <tr> <td></td> <td>Menglei</td> <td>Laki-laki</td> <td>27</td> <td>Pedang terkenal mencuri menara dan menjadi pemburu terhebat</td> </tr> </tabel> </tubuh>
Tampilannya seperti gambar di atas
Penggabungan lintas baris (rowspan): Jika kita menginginkan efek berikut, kita perlu menggunakan atribut rowpan
<tubuh> <tabel border="1" align="center" width="100%" cellpadding="20" Cellspacing="0"> <tr> <th rowpan="5">Pengumpulan informasi all-star</th><!--Sesuai dengan kebutuhan, cari judul, tulis atribut rowpan, dan tulis parameter 5 yang artinya menggabungkan baris pertama hingga kelima pada saat yang sama, Komentari kolom pertama setiap baris --> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <!-- <th></th> --> <th>Nama</th> <th>Jenis Kelamin</th> <th>Usia</th> <th>Hobi</th> </tr> <tr> <!-- <td></td> --> <td>Saudara</td> <td>Laki-laki</td> <td>24</td> <td>Menyanyi, menari, rap, dan bermain basket</td> </tr> <tr> <!-- <td></td> --> <td>Litang</td> <td>Laki-laki</td> <td>20</td> <td>Pengukuran kode dan ukiran tajam lima</td> </tr> <tr> <!-- <td></td> --> <td>Menglei</td> <td>Laki-laki</td> <td>27</td> <td>Pedang terkenal mencuri menara dan menjadi pemburu terhebat</td> </tr> </tabel> </tubuh>
Penggabungan lintas kolom (colspan): Jika kita menginginkan efek berikut, kita perlu menggunakan atribut colspan
<tubuh> <tabel border="1" align="center" width="100%" cellpadding="20" Cellspacing="0"> <tr> <th colspan="5">Pengumpulan informasi serba bintang</th><!--Sesuai dengan kebutuhan, cari judul, tulis atribut colspan, dan tulis parameter 5 yang artinya menggabungkan kolom pertama hingga kelima, dan pada saat yang sama, beri komentar pada baris pertama setiap kolom --> <!-- <td></td> <td></td> <td></td> <td></td> --> </tr> <tr> <!-- <th></th> --> <th>Nama</th> <th>Jenis Kelamin</th> <th>Usia</th> <th>Hobi</th> </tr> <tr> <!-- <td></td> --> <td>Saudara</td> <td>Laki-laki</td> <td>24</td> <td>Menyanyi, menari, rap, dan bermain basket</td> </tr> <tr> <!-- <td></td> --> <td>Litang</td> <td>Laki-laki</td> <td>20</td> <td>Pengukuran kode dan ukiran tajam lima</td> </tr> <tr> <!-- <td></td> --> <td>Menglei</td> <td>Laki-laki</td> <td>27</td> <td>Pedang terkenal mencuri menara dan menjadi pemburu terhebat</td> </tr> </tabel> </tubuh>
Ini menyimpulkan artikel ini tentang implementasi spesifik penggabungan tabel HTML. Untuk konten penggabungan tabel HTML lainnya, silakan cari artikel sebelumnya di downcodes.com atau lanjutkan menelusuri artikel yang relevan di bawah.