Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.
| Death 1 - Baris 1 Kolom 1 | Death 2 - Baris 1 Kolom 2 |
| Death 3 - Baris 2 Kolom 1 | Death 4 - Baris 2 Kolom 2 |
| Death 5 - Baris 3 Kolom 1 | Death 6 - Baris 3 Kolom 2 |
Mengatur Tinggi dan Lebar
| Baris 1 Kolom 1 | Baris 1 Kolom 1 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
| Baris 3 Kolom 1 | Baris 3 Kolom 2 |
Menggabungkan kolom pada tabel
| Gabungan Kolom 1&2 pada Baris 1 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
| Baris 3 Kolom 1 | Baris 3 Kolom 2 |
Sedangkan untuk menggabungkan baris dalam tabel digunakan atribut rowspan.
| Gabungan Baris 1&2 pada Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 2 |
| Baris 3 Kolom 1 | Baris 3 Kolom 2 |
Mengatur jarak kolom pada tabel
Untuk mengatur posisi cell dalam tabel digunakan atribut cellpadding dan cellspacing.
Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell.
| Baris 1 Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Sedangkan Cellspacing adalah pengaturan sisi dari bagian luar cell.
| Baris 1 Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Membuat titel pada tabel.
Untuk tabel yang lengkap dengan titel, kita bisa menambahkan tag tepat setelah tag dan kita juga bisa mengganti td dengan th (table heading) sebagai titel dari baris maupun kolom.
Caption dan th akan secara otomatis berada pada posisi tengah dan th akan menghasilkan tulisan tebal.
Disini adalah titel tabel ini
| Header Kolom 1 | Header Kolom 2 |
| Baris 1 Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Membuat background pada tabel
Untuk membuat background pada tabel kita gunakan atribut style dengan properti background.
Berikut adalah contoh table dengan background warna kuning muda dengan heading warna merah.
| Header Kolom 1 | Header Kolom 2 |
| Baris 1 Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Tidak ada komentar:
Posting Komentar