Kolom 1 B | Kolom 1 C | |
Kolom 2 A | Kolom 2 B | Kolom 2 C |
Kolom 3 A | Kolom 3 B | Kolom 3 C |
Gabungan Kolom | |
Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
Baris 3 - Kolom 2 |
Menggabungkan kolom
Kode diatas adalah untuk penggunaan tabel dengan penggabungan 2 kolom yang ada pada baris pertama (Perhatikan bagian "Gabungan Kolom"). Untuk membuat seperti itu kalian harus menambahkan perintah colspan pada td atau kolom. Bisa dilihat diatas saya menggunakan perintah tersebut dengan
<td colspan="2">
. Artinya, saya menggabungkan 2 kolom. Jika kalian ingin menggabungkan lebih dari dua kolom, harus merubah angka 2 setelah kode colspan
. Hasil kode diatas akan seperti berikut:Gabungan Kolom | |
Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
Baris 3 - Kolom 1 | Baris 3 - Kolom 2 |
<table border="2" width="400">
<tr>
<td colspan="2">Gabungan Kolom</td>
</tr>
<tr>
<td>Baris 2 - Kolom 1</td>
<td>Baris 2 - Kolom 2</td>
</tr>
<tr>
<td>Baris 3 - Kolom 1</td>
<td>Baris 3 - Kolom 2</td>
</tr>
</table>
Gabungan Kolom | |
Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
Baris 3 - Kolom 2 |
<table border="2" width="400">
<tr>
<td colspan="2">Gabungan Kolom</td>
</tr>
<tr>
<td rowspan="2">Baris 2 - Kolom 1</td>
<td>Baris 2 - Kolom 2</td>
</tr>
<tr>
<td>Baris 3 - Kolom 2</td>
</tr>
</table>
Kkode diatas adalah kode yang sebelumnya hanya menggabungkan kolom dan saya tambahkan panggabungan baris pada baris pertama-kolom 2 dan 3. Hasilnya akan terlihat seperti berikut : Gabungan Kolom Baris 2 - Kolom 1 Baris 2 - Kolom 2 Baris 3 - Kolom 2 Selesai sudah mengenai tabel, dimulai dengan pengenalan juga cara pembuatan tabel, kemudian bagaimana cara menambahkan baris dan kolom dan sekarang yang baru saja kita pelajari cara menggabungkan baris dan kolom. Semoga bermanfaat. ***