TUTORIAL HTML PART 6 : MEMBUAT TABEL PADA HTML

by Rizka Mala Alfiana on October 15, 2019

Assalamu'alaikum wr.wb

Pendahuluan
Alhamdulillah pada kesempatan kali ini kita bisa berjumpa kembali meski lewat sebuah tulisan.. Ok pada hari ini saya akan share tentang Membuat tabel pada html

Pengertian
Tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentuk baris dan kolom, pada HTML , untuk pembuatan table menggunakan tag <table>, dan menggunakan tag <tr> untuk membuat baris dan <td> untuk membuat kolom.

Pembahasan

Kegunaan Table

Untuk lebih mudah memahami cara membuat tabel pada HTML, berikut Author akan memberikan sedikit penjelasan tag yang terlibat dalam pembuatan tabel pada

Tag <table> merupakan tag pembuka dalam pembuatan tabel pada HTML, tanpa <table> ini, penggunaan <tr> dan <td> tidak bisa difungsikan dengan baik.

Tag <tr> atau kepanjangan dari table row merupakan tag yang mempunyai fungsi membuat baris pada tabel HTML.

Tag <td> atau kepanjangan dari table data merupakan tag yang digunakan untuk membuat kolom dalam baris.

Tag <th> ini merupakan kepanjangan dari table head atau merupakan kepala table, yang biasanya digunakan untuk penamaan judul seperti Nama, Kelas, Nis, dlsb.

Perhatikan contoh pembuatan table HTML berikut :

Gambar 3 Membuat Tabel pada HTML

Tulis code / script seperti gambar di atas, dengan meggunakan text editor yang kawan" telah download.

Jika sudah bukalah di browser teman" dan inilah hasilnya, jika hasilnya tidak seperti gambar di bawah maka teman" masih salah nulis scriptnya.

Gambar 4 Membuat Tabel pada HTML

Dari contoh diatas dapat anda lihat sendiri fungsi dari masing" tag yang telah kita bahas diatas, Namun pada tag table saya memberikan atribut border="1", atribut ini digunakan untuk memberikan garis pada table dan nilai 1 ini merupakan nilai dari garis tepi pada tabel yang kita buat tadi (1 untuk membuat garis, dan 0 jika tidak ingin menggunakan garis).

Nah.. Jika ingin membuat tampilan tabel yang lebih menarik saya sarankan Anda untuk belajar / mendalami CSS dasar, yang bisa Anda pelajari di Tutorial selanjutnya disini.

Refrensi
https://id.wikipedia.org/wiki/HTML

Wassalamu'alaikum Wr.Wb