Table memungkinkan kita mengatur data yang berupa teks, gambar, link dan lain-lain. Dengan tabel kita juga bisa menentukan layout web kita, tata letak data-data dan informasi di dalam web kita.
Tabel pada HTML dibuat dengan menggunakan tag <table> dimana tag <tr> digunakan untuk membuat baris tabel dan tag <td> digunaknan untuk membuat sel atau kolom.
Seperti halnya tabel pada software pengolah kata dan angka, Tabel pada HTML juga bisa diatur ketebalan bordernya, panjang tingginya dan juga bisa di gabungkan atau menyatukan beberapa tabel menjadi satu tabel.
Contoh:
<table border="1">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
Maka hasilnya:
Heading
Dalam Tabel HTML juga ada headingnya. Tabel Heading dapat didefinisikan menggunakan tag <th>. Tag ini bisa untuk menggantikan tag <td> yang digunakan untuk mewakili sel data aktual. Biasanya tag ini digunakan untuk judul yang terletak di baris atas.
Contoh:
<table border="1">
<tr>
<th>Nama</th>
<th>Nim</th>
</tr>
<tr>
<td>Amir </td>
<td>1123</td>
</tr>
<tr>
<td>Bakti</td>
<td>2123</td>
</tr>
</table>
Maka hasilnya:
Background
Untuk background tabel bisa menggunakan gambar atau warna saja.
Warna : <table border="1" bordercolor="green" bgcolor="warna">
Gambar : <table border="1" bordercolor="green" background="nama gambar.ekstensi">
Untuk "warna" bisa diganti dengan red,blue,black dan kawan-kawannya atau dengan kode warna, sedangkan untuk "nama gambar.ekstensi" harus diisi nama gambar dan ekstensinya serta path atau letaknya baik itu online atau offline.
Sumber: tutorialspoint