Belajar HTML Part 12 : Tables HTML

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.

• KESIMPULAN

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