TUTORIAL HTML PART 6 : MEMBUAT TABEL PADA HTML

SleepingCodings - 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.

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.

REFERENSI
1. malasngoding

Wassalamu'alaikum Wr.Wb