TABLES HTML
Assalamu'alaikum Wr. Wb
Hai teman-temas semua, terima kasih sudah mengunjungi blog saya yang sederhana ini. Kesempatan sebelumnya kita sudah belajar mengenai Gambar pada HTML, nah kali ini kita akan belajar tentang Tabel pada HTML. Langsung saja yuk.
1. DEFINISI TABEL
Tabel dalam HTML didefinisikan dengan tag <table>.
Setiap baris pada tabel didefinisikan dengan <tr>, sebuah header tabel didefinisikan dengan <th>, sebuah data/sel tabel didefinisikan dengan <td>.
Contoh:
Hasilnya :
Hasilnya pasti masih polos, belum ada garis - garis tepi atau batasnya. Untuk menambahkan batasnya bisa menggunakan atribut "border".
2. MENAMBAHKAN BORDER
Contohnya :
Hasilnya :
3. BORDER RUNTUH
Contohnya :
Hasilnya :
4. MENAMBAHKAN SEL PADDING
Contohnya :
Hasilnya :
5. MENAMBAHKAN SPASI PERBATASAN
Contohnya :
Hasilnya :
6. MENGGABUNGKAN KOLOM
Contohnya :
Hasilnya :
7. MENGGABUNGKAN BARIS
Contohnya :
Hasilnya :
8. MENAMBAHKAN CAPTION
Contohnya :
Hasilnya :
9. MENAMBAHKAN GAYA KHUSUS
Contohnya :
Hasilnya :
Jika ada yang kurang jelas silakan tinggalkan jejak didalam komentar.
Melalui kegiatan ini dapat disimpulkan bahwa, tabel didefinisikan dengan tag <table>, setiap baris pada tabel didefinisikan dengan tag <tr>, sebuah tabel header didefinisikan dengan tag <th>, sebuah data / sel tabel didefinisikan dengan tag <td>. Dalam tabel dapat ditambahkan berbagai macam style. Sehingga tabel yang dibuat bisa lebih menarik.
Referensi :
http://www.w3schools.com/html/html_tables.asp
Wassalamu'alaikum Wr. Wb