MEMBUAT TABEL
Tabel merupakan cara untuk menampilkan informasi dalam bentuk
sel yang terdiri atas baris dan
kolom. Didalam membuat
tampilan website yang menarik,
para programmer sering menggunakan tabel untuk mempermudah
penempatan objek pada dokumen HTML. Untuk
menampilkan data dalam
bentuk tabel pada
HTML, digunakan tag <table>..... </table>. Elemen
tabel berisi properti <tr>.....</tr>
untuk menentukan baris
(table row) yang di dalamnya
terdapat properti <td>.....</td> untuk menampilkan data pada setiap
sel tabel (table data).Struktur lengkap dari elemen tabel adalah sebagai
berikut:
<table>
<tr>
<td> data baris 1 kolom 1
</td>
<td> data baris 1 kolom 2
</td>
</tr>
<tr>
<td> data baris 2 kolom 1 </td>
<td> data baris 2 kolom 2 </td>
</tr>
</table>
Atribut elemen tabel
width = lebar tabel, pixel atau
persen
height =tinggi
tabel, pixel atau persen
border
=tebal garis tepi,
pixel
cellspacing
=spasi antar sel, pixel
cellpadding
=spasi di dalam sel, pixel
align =[ left | center | right ]
(perataan tabel)
bgcolor
=warna latar belakang
tabel
Atribut table row <tr>
align =[ left | center| right]
(perataan sebaris sel secara horisontal)
valign
= [ top| middle|
bottom] (perataan sebaris sel secara vertikal)
bgcolor
=warna latar belakang
baris
Atribut table data <td>
rowspan
= jumlah baris yang
dispan oleh sel (penggabungan baris)
colspan
= jumlah kolom yang
dispan oleh sel (penggabungan kolom)
align =[ left | center | right ]
(perataan horisontal)
valign
=[ top | middle|
bottom] (perataan vertikal)
width = lebar sel, pixel atau persen
height
=tinggi sel, pixel
atau persen
bgcolor
=warna latar belakang
tabel
Contoh Script Pembuatan Tabel
Hasilnya
NPM 13.12.7712