Tabel HTML

Tabel dalam HTML dibuat dengan tag <table .... yang mempunyai atribut width (mengatur lebar), height (mengatur panjang), background (latar belakang gambar), bgcolor (latar belakang warna)", border (garis tepi), cellpadding (mengatur jarak isi sel dengan batas sel), cellspacing (mengatur jarak antara sel), align (mengatur letak tabel. berisi "left", "center" dan "right")

Note : Tanda "........................" adalah tempat penulisan isi dari tabel

Element table berisikan element caption, th, tr dan td

Contohnya sebagai berikut :

ELEMENT CAPTION
Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel)

Contohnya sebagai berikut :

ELEMENT TR (Table Row)
Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.

Contohnya sebagai berikut :

ELEMENT TH (Table Header) dan TD (Table Data)
Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan

Contohnya sebagai berikut :

contoh penggunaan tabel adalah sebagai berikut :

<html> <head> <title>Latihan4-1</title> </head> <body> <table align="center" border="2" bgcolor="red" cellpadding="5" cellspacing="0" > <caption align="top"><b>Tabel 1.1</b></caption> <tr> <th>No.</th> <th>Nama</th> </tr> <tr> <td>1.</td> <td>Rina Hastuti</td> </tr> <tr> <td>2.</td> <td>Ali Amran</td> </tr> <tr> <td>3.</td> <td>Rahmat</td> </tr> </table> </body> </html>

hasilnya sebagai berikut :

**Tabel 1.1**
No.	Nama
1.	Rina Hastuti
2.	Ali Amran
3.	Rahmat