Senin, 13 April 2015

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 :
NamaJenis Kelamin
DoniPria
AgungPria
SusiWanita
RantiWanita


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.
 

Tidak ada komentar:

Posting Komentar

Terima Kasih Telah Memberikan Komentar

Designed By Published.. Blogger Templates