Tabel digunakan untuk mendefinisikan suatu daftar secara teratur. Disana ada baris dan kolom, pada bagian atas biasanya terdapat nama masing-masing kolom. Dalam HTML table didefinisikan dengan syntak “<table>” dan diakhiri dengan “</table>” sedangkan baris didefinisikan dengan “<TR>” dan diakhiri juga dengan “</TR>”.

Berikut ini bentuk penggunaan tabel dasar dalam HTML

<table>

<tr>

<th>Kolom 1</th>

<th>Kolom 2 </th>

</tr>

<tr>

<td>Isi Kolom 1</td>

<td>Isi Kolom 2</td>

</tr>

</table>

Setiap syntak yang berada dalam “<tr>” dan “</tr>” maka bearti masih berada dalam satu baris yang sama. Kolom didefinisikan dengan “<th>” atau “<td>”. <th> biasanya digunakan untuk menuliskan judul dari masing-masing kolom sedangkan <td> digunakan untuk menuliskan isi dari masing-masing kolom.

colspan dan rowspan

Colspan dan rowspan digunakan untuk mendefinisikan baris atau kolom yang melewati lebih dari satu baris atau kolom. colspan untuk mendefinisikan pada bagian kolom sedangkan rowspan pada bagian baris. Untuk mengetahui cara kerja colspan dan rowspan simaklah syntaks berikut :

<table>

<tr>

<th rowspan=”2″>NO</th>

<th colspan=”4″>TAHUN</th>

</tr>

<tr>

<th>2005</th>

<th>2006</th>

<th>2007</th>

<th>2008</th>

</tr>

<tr>

<td>1</td>

<td>10</td>

<td>10</td>

<td>10</td>

<td>10</td>

</tr>

</table>

bisa dilihat pada contoh  diatas adalah tabel penjualan barang siatu perusahaan X pada tahun tertentu. Dibagian kolom ada keterangan tahun kemudian dibawahnya ada definisi tahun 2005-2008. No dibuat rowspan 2 karena kolom No melewati dua baris yaitu TAHUN dan kolom 2005-2008. Kolom tahun mencakup 4 kolom dari 2005-2008. Untuk lebih jelasnya silakan copy paste source diatas simpan dalam bentuk HTML dan lihatlah hasil keluarannya