Tabel dalam HTML

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag <table>. Elemen table berisi property <tr> untuk menentukan baris (table row) yang didalamnya terdapat properti <td> untuk menampilkan data pada setiap sel tabel. dan untuk mendifinisikan table heading atau judul tiap kolom menggunakan tag <th>

Struktur penggunaan tabel adalah :
<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

<table> ..... </table> mendefinisikan Tabel
<tr> ..... </tr> mendefinisikan baris pada tabel
<td> ..... </td> mendefinisikan data pada kolom tabel
<th> ..... </th> medefinisikan judul pada tiap kolom

Atribut Elemen Tabel 
Width = panjang(lebar table, pixel atau persen)
Height = panjang(tinggi table, pixel atau persen)
Border = pixel(tebal garis tepi)
Cellspacing = pixel(spasi antar sel)
Cellpadding = pixel(spasi di dalam sel)
Align = [left|center|right](perataan table)
Bgcolor = warna(warna latar belakang table) 

Atribut <TR> 
Align = [left|center|right](perataan sebaris sel secara horizontal) 
Valign = [top|middle|bottom](perataaan sebaris sel secara vertical)
Bgcolor = warna(warna latar belakang baris) 

Atribut <TD> dan <TH> 
Align = [left|center|right](perataan horizontal) 
Width = [top|middle|bottom](perataan vertical) 
Height = pixel(tinggi sel, pixel atau persen) 
Bgcolor = warna(warna latar belakang sel)

Comments

Popular Posts