Friday, May 11, 2018

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)

No comments:

Post a Comment