Panduan Cara Membuat Tabel dengan HTML

Bagi seorang pemula yang ingin belajar bahasa pemrograman HTML, sering kali merasa bingung ketika melihat sintak HTML dalam pembuatan tabel, akan muncul rasa bingung kapan penggunaan <tr> dan <td>. Berikut ini penulis coba menjabarkan dengan jelas kepada teman-teman pembaca semuanya :

<table border='1'>

<tr><td>Nama</td><td>Jenis Kelamin</td></tr>

<tr><td>Doni</td><td>Pria</td></tr>

<tr><td>Agung</td><td>Pria</td></tr>

<tr><td>Susi</td><td>Wanita</td></tr>

<tr><td>Ranti</td><td>Wanita</td></tr>

</table>

Sintak tersebut akan menghasilkan tampilan tabel seperti berikut :

Nama	Jenis Kelamin
Doni	Pria
Agung	Pria
Susi	Wanita
Ranti	Wanita

Penjelasan Script :

• Kode <table>, ditutup dengan </table> merupakan tag pembuka dan penutup untuk pembuatan tabel
• border=1, merupakan salah satu properties pada tabel untuk menambahkan border / pembatas pada setiap cell tabel.
• Selanjutnya tag <tr>, ditutup dengan </tr> merupakan tag pembuka dan penutup sebuah baris di dalam tabel, dan di antara tag <tr> dan </tr> tersebut diisi dengan tag <td></td> yang merupakan pembuka dan penutup sebuah cell, jika ada yang belum tahu apa arti cell, cell yaitu yang ditempati oleh kata Nama, yang terletak dalam satu cell, jenis kelamin dalam satu cell, dan lainya.
• Dengan demikian sangat jelas bagaimana membedakan penggunaan <tr> dan </td> bukan.

Bagi pembaca yang ingin benar -benar memahami pembuatan tabel pada HTML, sebaiknya langsung mencobanya dan mengembangkan sintak - sintak tersebut lagi.
Selamat mencoba.