Tutorial HTML | Saya mencoba sharing tentang cara membuat tabel html di postingan sebelumnya. Namun kali ini saya akan menambahkan beberapa triks untuk merubah tampilan tabel pada html menjadi lebih menarik dan cantik. custom tabel pada html sangat penting jika kita menginginkan suatu informasi dalam bentuk tabel agar lebih menarik untuk di baca. Tabel menarik bisa dibuat dengan mengatur warna background dan garis tepi, mengatur jenis dan ukuran garis tepi, dll. Oke langsung saja kita mulai sharing membuat tabel html menjadi menarik dan cantik:
1. Custom Border atau style border atau jenis garis tepi pada html.
Dalam membuat tabel (table) menjadi menarik di html, border mempunyai peranan yang cukup penting. Border style pada tabel html digunakan untuk memilih jenis garis tepi suatu tabel agar lebih menarik. Beberapa jenis border yang ada antara lain: dotted, dashed, solid, double, groove, ridge, inset, outset. Untuk lebih jelasnya kita liat code html dibawah ini merubah garis tepi pada tabel html:
Dan Hasil dari pengaturan jenis garis tepi tabel pada html di atas adalah:
jenis border dashed
jenis border dotted
jenis border double
jenis border groove
jenis border ridge
jenis border inset
jenis border outset
2. Memberikan warna tabel baik border atau pun background
Setelah mengatur jenis garis tepi / border pada tabel (table) di html, maka untuk membuat tabel menjadi menarik selanjutnya kita juga perlu mengubah warna background tabel dan warna border di html. Nilai Warna background bisa berupa abjad atau angka yang didapat di photoshop. Langsung saja kita membuat warna background pada tabel html :
Hasil dari kode html merubah warna border pada html dalah berikut :
jenis border dashed
jenis border dotted
jenis border double
jenis border groove
jenis border ridge
jenis border inset
jenis border outset
3. Memberikan background pada tabel (table) html
Oke selanjutnya kita memcoba untuk memberikan warna background pada tabel html atau background gambar pada tabel html. Pertama kita siapkan warna background berupa nama warna atau hex sesuai keinginan. jika menggunaka gambar, letakkan gambar satu folder pada file tabel yang kita buat. Berikut contoh kode membuat latar warna / background pada tabel html :
Dan hasil memberi warna latar / background di html adalah :
jenis border dashed
jenis border dotted
jenis border double
jenis border groove
jenis border ridge
jenis border inset
jenis border outset
Dan untuk background gambar pada tabel html cukup ganti code bgcolor dengan “background=nama_gambar.jpg” seperti itu saja. Contoh merubah background tabel dengan gambar:
Baiklah itu tadi sharing saya mengenai cara membuat tabel (table) html menjadi tampak lebih menarik dengan merubah jenis border dan memberi warna background pada html dengan mudah. Jika kurang puas komentarnya di tunggu ya. Makasih salam sejahtera…….semoga bermanfaat.
No comments yet.