Sabtu, 03 Maret 2012


Membuat Tabel Pada HTML


By on 04.31



Untuk membuat table pada halaman HTML kita harus menggunakan tag <table>…</table>. Elemen pada table berisi properti <tr>…</tr>untuk menentukan baris (table row) atau membuat baris baru yang di dalamnya terdapat property <td>…</td> untuk menampilkan data pada setiap sel table (table data) atau untuk membuat kolom baru.


Sebagai contoh struktur elemen table adalah sebagai berikut :



Maka akan terlihat seperti ini strukturnya :



Sekarang saya akan menjelaskan atribut yang terdapat dalam tag <table>.

Atribut elemen table :

Width                    = Lebar tabel
Height                   = tinggi table
Border                  = tebal garis table
Cellspacing          = spasi antar sel
Cellpadding        = spasi di dalam sel
Align                      = [left | center | right] perataan table
Bgcolor                 = 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 latar belakang baris

Atribut table data :
Rowspan             = menggabungkan baris
Colspan                                = menggabungkan kolom
Align                      = [left | center | right] perataan horizontal
Valign                    = [top | middle | bottom] perataan horizontal
Width                    = lebar sel
Height                   = tinggi sel
Bgcolor                 = warna latar belakang sel

Ketikan script HTML berikut pada note pad lalu simpan dengan ekstensi .HTML lalu jalankan untuk mencobanya.





\

Tukang Coding
Judul: Membuat Tabel Pada HTML
Review oleh: Tukang Coding | Template TreTans 1.0
Update pada: 04.31 | Rating: 4.5

Comment for "Membuat Tabel Pada HTML"

0 komentar

Posting Komentar