Table

on Selasa, 04 Agustus 2009

Tabel Merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan <>. Elemen table berisi peroperti <> untuk menentukan baris (table row) yang di dalamnya terdapat peroperti <> untuk menampilkan data pada setiap sel table (table data).

Struktur elemen table adalah sebagai berikut :


  1. Tag table
  2. Tag tr
  3. Tag td dan /td
  4. Tag /tr
  5. Tag /tabel

Atribut Elemen Tabel


Width : panajang (lebar table, pixel atau persen)

Height : panajang (tinggi table, pixel atau persen)

Border : pixel (tebal garis tepi)

Cellspacing : pixel (spasi antar sel)

Cellpadding : pixel (spasi didalam sel)

Align : [left | center | right] (perataan table)

Bgcolor : warna (warna latar belakang table)


Atribut Table Row


Align : [left | center | right] (perataan sebaris sel secara horizontal)

Valign : [top | middle | bottom] (perataan sebaris sel secara vertical)

Bgcolor : warna (warna latar belakang table)


Atribut Tabel Data


Rowspan : angka (baris yang dispan oleh sel)

Coslpan : angka (kolom yang di span oleh sel)

Align : [left | center | right] (perataan sebaris sel secara horizontal)

Valign : [top | middle | bottom] (perataan sebaris sel secara vertical)

Width : panajang (lebar table, pixel atau persen)

Height : panajang (tinggi table, pixel atau persen)

Bgcolor : warna (warna latar belakang table)


coba ketikan listing dibawah ini :



Setelah selesai mengtik listing diatas jangan lupa disimpan dengan ekstensi.html / save as dengan nama.html, Kemudian coba buka file tersebut pada web browser, kalau anda berhasil tampilannya akan seperti dibawah ini :


0 komentar:

Posting Komentar