Sebelumnya kan kita sudah belajar membuat table,dan menggabungkan kolom. Sekarang kita akan belajar cara menggabungkan baris.
Untuk menggabungkan garis digunakan syntax rowspan.
Berikut codingannya:
Nah,menjadi gabung bukan.
Untuk menggabungkan garis digunakan syntax rowspan.
Berikut codingannya:
Yang hasilnya seperti inii..
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.
Yang hasilnya seperti inii..
Sedangkan Cellspacing adalah pengaturan sisi dari bagian luar cell.
Hasilnya..
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.
Berikut codingannya...
Yang hasilnya seperti inii...
Seperti kita lihat bahwa border dari cell tersebut terlihat terlalu tebal padahal kita membuat nilai dari atribut border adalah 1px.
Ini terjadi karena secara default atribut cellpadding dan cellspacing pada elemen table memiliki nilai masing-masing 1px.
Jadi untuk menghilangkannya kita harus memasukkan kedua atribut tersebut dengan nilai 0. Atau kita juga bisa menggunakan style CSS yaitu dengan properti border-collapse:collapse.
Seperti inii..
Untuk hasilnya bisa dilihat sendiri dengan di Refresh atau tekan F5 yaa:))
Sekian yang bisa di bahas tentang table pada HTML ini,semoga bermanfaat. Wassalammualaikum.Wr.Wb.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon