Membuat Tabel Dengan HTML

Halo semuanya, sekarang kita akan belajar cara membuat tabel di HTML. Untuk membuat tabel kita hanya perlu menuliskan tag <table> </table>, tetapi ada beberapa tag lagi yang harus kita gunakan untuk membuat tabel yang komplek atau lengkap.

Tag – tag ini mempunyai kegunaannya masing – masing jadi perlu sekali untuk memahami semua tag yang ada. Langsung saja tag pertama adalah :

1. <table> </table>, Tag table adalah tag awal yang digunakan untuk membuat sebuah tabel

2. <thead> </thead>, Tag ini digunakan untuk membungkus tag header. Tag ini bersifat opsional, jika dipakai tidak akan memengaruhi tabel. Biasanya, tag ini digunakan agar kode yang kita tulis rapih dan mudah untuk di pahami oleh orang lain.

3. <tbody> </tbody>, Tag ini mempunyai kesamaan dengan tag <thead>, bedanya tag ini digunakan untuk membungkus bagian body dari tabel.

4. <th> </th> atau Table Head adalah tag yang digunakan untuk memberi header atau judul di tabel.

5. <tr> </tr> atau Table Row adalah tag ini digunakan untuk membuat baris dari tabel.

6. <td> </td> atau Table Data adalah tag ini biasanya digunakan untuk diisi dengan data – data tabel yang kita inginkan.

Di atas adalah tag – tag yang bisa kita gunakan untuk membuat tabel. Selain tag – tag ada juga atribut- atribut yang harus ada untuk membuat tabel. Apabila anda belum mengetahui apa itu atribut silahkan kunjungi ini.

Atribut yang pertama adalah :

1. border, atribut ini berguna untuk memberi garis pada tiap – tiap kolom tabel. cara penulisan atribut ini cukup mudah hanya tulis seperti ini border=”isi dengan nilai border yang kita inginkan”.

2. cellpadding, atribut ini berguna untuk memberikan jarang antara konten dengan kotak – kotak tabel. Cara penulisannya adalah cellpadding=”isi dengan nilai yang kita inginkan”.

3. cellspacing, atribut ini berguna untuk memberikan jarak antara masing – masing kotak. Apabila tidak ingin ada jarak isi nilainya dengan angka 0 (Nol). Cara penulisannya adalah cellspacing=”isi dengan nilai yang kita inginkan”.

4. rowspan, atribut ini digunakan untuk melakukan merge atau penggabungan antara baris dengan baris lain. Cara penulisannya biasanya dituliskan di dalam tag <td>. Cara penulisannya adalah rowspan=”isi dengan nilai yang kita inginkan”.

5. colspan, atribut ini juga sama seperti rowspan namun tag ini digunakan untuk melakukan merge atau penggabungan antara kolom. Cara penulisannya adalah colspan=”isi dengan nilai yag kita inginkan”.

Ini adalah contoh penulisan tabel sederhana yang saya buat

Mungkin cukup sampai disini artikel yang saya buat, cukup mudah untuk membuat sebuah tabel yang penting kita tahu kegunaan tag – tag yang akan kita pakai nanti.

Tinggalkan komentar

Rancang situs seperti ini dengan WordPress.com
Mulai