HTML Tables

alam HTML, tujuan awal tabel adalah untuk menyajikan data tabular. Meskipun mereka masih digunakan untuk tujuan ini hari ini, banyak web designer cenderung menggunakan tabel untuk layout canggih. Ini mungkin karena pembatasan yang HTML memiliki kemampuan pada tata letak - itu tidak benar-benar dirancang sebagai bahasa tata letak.

Lagi pula, apakah Anda menggunakan tabel untuk menyajikan data tabular, atau untuk layout halaman, Anda akan menggunakan tag HTML yang sama.

Tag tabel dasar

Dalam HTML, Anda membuat tabel menggunakan tag <table>, dalam hubungannya dengan <tr> dan <td> tag. Meskipun ada tag lain untuk membuat tabel, ini adalah dasar-dasar untuk membuat tabel di HTML.

Contoh :

Table cell 1

Table cell 1

Tabel Dasar

Code	Example
<table border="1"> <tr> <td>Table cell 1</td><td>Table cell 2</td> </tr> </table>	Table cell 1 Table cell 2

Table Width

Lebar dapat ditentukan dengan menggunakan properti CSS lebar, baik dalam pixel atau persentase. Menentukan lebar dalam piksel memungkinkan Anda untuk menentukan lebar yang tepat. Persentase memungkinkan meja untuk "tumbuh" atau "menyusut" tergantung pada apa lagi yang di halaman dan seberapa luas browser.

Code	Example
<table border="1" style="width:90%;"> <tr> <td>Table cell 1</td><td>Table cell 2</td> </tr> </table>	Table cell 1 Table cell 2