Mengenal Instruksi HTML Untuk Membuat Tabel

Niguru.com | Jumat, 13 Agt 2021 | Pada website yang terhubung dengan database seringkali dibutuhkan suatu halaman yang dapat menampilkan informasi yang terkandung pada database lewat tabel.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat tabel lewat instruksi HTML, sebagai bekal untuk pembuatan tabel pada aplikasi yang berhubungan dengan database.

Berikut ini sintaks dasar untuk pembuatan tabel:

<table border='1'>

<tr>

<th>field_1</th>

<th>field_2</th>

<th>field_n</th>

</tr>

</table>

Table border menyatakan ketebalan frame (garis-garis batas kolom dan baris), nilai minimal 1 untuk garis paling tipis, nilai ini bila diperbesar garis akan makin tebal. Bila table border = 0, berarti tidak ada garis frame.

Field boleh disesuaikan dengan field /kolom yang diperlukan. Contoh:

<table border='1'>

<tr>

<th>Nama</th>

<th>Alamat</th>

<th>NoHP</th>

<th>Email</th>

</tr>

</table>

Hasilnya bila ditampilkan pada browser:

Untuk menambah baris berikutnya ulangi baris dari mulai <tr> hingga </tr> dengan nilai yang sesuai. Contoh:

<table border='1'>

<tr>

<th>Nama</th>

<th>Alamat</th>

<th>NoHP</th>

<th>Email</th>

</tr>

<tr>

<th>Adi Guntara</th>

<th>Jalan Kasuari 1/111</th>

<th>08xxxxxxxxxx</th>

<th>adi@niguruweb.com</th>

</tr>

<tr>

<th>Bambang Pramanto</th>

<th>Jalan Lombok 3/22</th>

<th>08xxxxxxxxxx</th>

<th>bambang@niguruweb.com</th>

</tr>

<tr>

<th>Citra Biru</th>

<th>Jalan Melati 6/3</th>

<th>08xxxxxxxxxx</th>

<th>citra@niguruweb.com</th>

</tr>

</table>

Hasilnya, bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara pembuatan tabel lewat HTML.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Lokasi:

Berbagi :