Ada tiga elemen utama yang digunain dalam membuat tabel yaitu <TABLE>, <TR> dan <TD>. <TR> digunakan untuk membuat baris baru pada pada tabel dan <TD> digunakan untuk membuat kolom baru. Terdapat juga tag <TH> yang digunakan untuk membuat header tabel. Yang perlu diingat adalah tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>. Attribut dari tag table boleh dibilang cukup banyak.
Berikut daftar attribut dari tag table:
* width untuk mengatur lebar tabel (% atau pixel)
* height untuk mengatur tinggi tabel
* border untuk menentukan tebal bingkai
* cellpadding menentukan jarak padding antar cell
* cellspacing menentukan jarak spacing antar cell
* name untuk menentukan nama tabel
* bgcolor untuk mengatur warna background
* background untuk menampilkan gambar sebagai background
* align letak teks secara horizontal (rata kiri, tengah atau kanan)
* valign letak teks secara vertical (rata atas, tengah atau bawah)
* style untuk CSS
* bordercolor untuk mengatur warna bingkai
Berikut daftar attribut dari tag <TR>, <TD>, dan <TH>:
* height untuk mengatur tinggi
* bgcolor untuk mengatur warna background
* background untuk menjadikan gambar sebagai background
* align untuk mengatur letak teks
* valign untuk mengatur letak teks secara vertical
* colspan untuk menghilangkan sejumlah kolom
* rowspan untuk menghilangkan sejumlah baris
Contoh:
<html>
<head>
<title>Manipulasi Font Dan Link HTML Serta Cara Membuat Tabel HTML</title>
</head>
<body>
<p><h1>Berikut daftar menu utama yang tersedia pada restoran kami</h1></p>
<p><font name = "Verdana" size = "4" color = "blue">Daftar Pesanan Menu Utama</font></p>
<table border = "2" width = "70%">
<tr bgcolor = "#cccccc">
<th>Menu</th><th>Harga</th>
</tr>
<tr align = "center">
<td>Nasi Goreng</td><td>Rp 10.000</td>
</tr>
<tr align = "center">
<td>Soto</td><td>Rp 8.000</td>
</tr>
<tr align = "center">
<td>Mie Ayam</td><td>Rp 7.000</td>
</tr>
<tr align = "center">
<td>Gudeg</td><td>Rp 5.000</td>
</tr>
</table>
<p> <font name = "Verdana" size = "4" color = "blue"> Silahkan klik untuk kembali ke halaman sebelumnya >>> </font><a href="belajar.html" target="_blank">Halaman pertama.html</a></p>
</body>
</html>