Seorang penulis halaman web memiliki banyak pilihan dalam cara menampilkan data saat menggunakan Hypertext Markup Language ( HTML ), termasuk tag tabel HTML. Tag tabel HTML digunakan oleh penulis halaman web untuk mengatur data ke dalam tabel agar lebih mudah dilihat. Berbagai jenis data, termasuk teks, gambar, dan bahkan tabel lainnya, dapat dimasukkan ke dalam sel tabel. Berbagai unsur dan atribut yang berbeda dapat digunakan dalam tag tabel HTML. Seseorang yang ingin memasukkan tabel dalam dokumen HTML perlu memahami berbagai komponen ini dan bagaimana mereka bekerja bersama.
Beberapa unsur yang digunakan dalam tag tabel HTML adalah , , dan yang masing-masing mendefinisikan baris tabel, data tabel, dan header tabel.
Tag tabel HTML dapat digunakan untuk mengatur data ke dalam kolom dan baris. Kolom adalah garis vertikal data dan baris adalah garis horizontal. Penulis HTML hanya dapat menyisipkan data ke dalam baris tabel karena setelah baris dimasukkan, kolom akan berbaris sendiri. Beberapa unsur yang digunakan dalam tag tabel HTML adalah <tr>, <td>, dan <th> yang masing-masing mendefinisikan baris tabel, data tabel, dan header tabel. Atribut dapat digunakan untuk menentukan tampilan dan jarak baris.
Jika seorang penulis HTML ingin sebuah tabel terlihat tepat, ada berbagai atribut berbeda yang dapat dia gunakan untuk melakukannya. Atribut yang tepat dapat mengubah karakteristik seperti warna teks, jarak antar sel, warna latar belakang tabel, dan batas. Bahkan ada cara untuk menghilangkan batas sepenuhnya sehingga tidak muncul di browser pengguna. Sementara seorang penulis tidak dapat secara langsung mengubah data dalam kolom, ia dapat mengubah karakteristik kolom yang berbeda. Untuk melakukan ini, dia dapat menggunakan unsur seperti <col> dan <colgroup>.
Untuk memasukkan tabel ke dalam dokumen HTML, tag awal tabel <table> harus digunakan. Di dalam unsur, penulis dapat mendefinisikan berbagai atribut tentang tabel seperti warna, batas, dan jarak. Selanjutnya, penulis perlu mendefinisikan baris tabel menggunakan unsur <tr>. Ini memberi tahu browser bahwa data yang akan diikuti harus ditempatkan dalam satu baris. Setelah ini data tabel—informasi aktual yang akan ditampilkan—diinput setelah unsur <td>. Penting bahwa berbagai tag ditutup secara berurutan untuk mencegah kebingungan dalam pengeditan berikutnya.
Contoh tampilan dokumen HTML ketika penulis ingin menggunakan tag tabel HTML adalah sebagai berikut:
<table>
<tr>
<td>Ini adalah sel 1</td>
<td>Ini adalah sel 2</td>
</tr>
<tr>
<td>Ini adalah sel 3</td>
<td>Ini adalah sel 4</td>
</tr>
</table>
Contoh ini akan menghasilkan tabel bersel empat dengan dua kolom di bawah dan dua baris melintang.
