Membuat Tabel Menggunakan HTML

Penggunakan tabel bisa membantu kita dalam mendesain halaman web dengan sederhana. Tabel dibuka dengan tag <TABLE> dan ditutup menggunakan tag </TABLE>. Beberapa tag penting dalam pembuatan tabel adalah <TR> dan <TD>.

Tabel mempunyai atribut :

    * align – perataan : rata kiri (left), tengah (center) atau kanan (right).
    * bgcolor – warna latar belakang (background) dari tabel.
    * border – ukuran lebar border tabel (dalam pixel).
    * cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).
    * cellspacing – jarak antar cell (dalam pixel).
    * width – ukuran tabel dalam pixel atau percent.


Contoh :

<TABLE align=”center” bgcolor=”#0000FF” border=”2″ cellpadding=”5″ cellspacing=”2″ width=”90%”>

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

    * align – perataan : rata kiri (left), tengah (center) atau kanan (right).
    * bgcolor – warna latar belakang dari baris.
    * valign – perataan vertikal : top, middle atau bottom.

Contoh :

<TR align=”right” bgcolor=”#0000FF” valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

    * align – perataan
    * background – image yang digunakan sebagai latar belakang dari kolom.
    * bgcolor – warna latar belakang
    * colspan – lihat gambar contoh
    * height – ukuran tinggi cell dalam pixels.
    * nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.
    * rowspan – lihat gambar contoh
    * valign – perataan vertikal :top, middle atau bottom.
    * width – ukuran kolom dalam pixel atau percen.

Contoh script dan hasil, silahkan klik gambar dibawah ini untuk memperbesar.