HTML TABLE HTML
4.1. HTML TABLES
Informasi kadang ditampilkan dalam bentuk tabel, karena bentuk tampilan tabel lebih ringkas dan mudah dibaca. Informasi dalam tabel yang biasanya ditampilkan secara padat dalam beberapa baris saja membuat orang mudah mengerti sehingga disukai banyak orang. Untuk membuat tabel, Anda harus memulainya dengan pasangan tag
. Di dalam tag Anda dapt menentukan banyak kolom dan baris, perataan, warna, dan pengaturan lainnya. Tabel terdiri dari beberapa bagian yaitu:
Tag tabel: untuk menandai awal atau akhir tabel yang dinyatakan dengan pasangan tag
.
Tabel Row: baris-baris pada suatu tabel yang dinyatakan dalam pasangan tag
...
.
Tabel Data: tempat di mana Anda memasukkan informasi dalam suatu tabel. Beberapa Tabel Data yang terdapat dalam suatu baris membentuk Table Row. Tabel Data dinyatakan dengan pasangan
... | .
Tabel Header: judul tabel yang biasanya terletak di bagian paling atas atau paling kiri tabel. Table Header yang terletak di bagian atas adalah judul kolom tabel, sedang Table Header yang terletak di bagian kiri adalah judul baris tabel. Table Header dinyatakan dengan pasangan tag
... | .
Tabel 4.1 Atribut tag
Atribut
1
Fungsi
border
Untuk membuat batas tepi untuk tabel
width
Untuk mengatur lebar tabel
height
Untuk mengatur tinggi tabel
align
Untuk mengatur bentuk perataan horizontal data di dalam tabel.
valign
Untuk mengatur perataan vertikal data di dalam tabel
cellspacing
Untuk mengatur spasi antar sel
cellpadding
Untuk mengatur spasi dalam sel
rowspan
Untuk menggabungkan sel-sel dalam suatu baris
colspan
Untuk menggabungkan sel-sel dalam suatu kolom
color
Untuk mengatur warna suatu sel dalam tabel
summary
Untuk memberi keterangan singkat mengenai struktur dan kegunaan tabel.
rules
Untuk mengatur ukuran antara sel dalam tabel
frame
Untuk mengatur frame di sekitar tabel
Contoh Penggunaan Tag TABLE Pengunaan Difinition TABLE No. | Judul Buku |
1 | Mastering Ajax dan PHP |
2 | Pemrograman HTML 4.1 |
3 | Pemrograman Java |
4 | Pemrograman C |
Tabel 4.2 Nilai dari atribut ALIGN
Nilai
Keterangan
left
Merupakan nilai default data sel. Isi sel akan rata kiri
center
Merupakan nilai default untuk header sel. Isi sel akan rata tengah
right
Isi sel rata kanan
justify
Isi sel rata kiri dan kanan
Tabel 4.3 Nilai dari atribut VALIGN
Nilai
2
Keterangan
top
Isi sel akan rata atas dengan sel
middle
Isi sel akan berada di tengan sel
bottom
Isi sel akan di bawah bagian sel
baseline
Isi sel akan berada pada posisi teks pertama diketik dalam sel.
Contoh Penggunaan Atribut ALIGN dan VALIGN Penggunaan atribut ALIGN dan VALIGN | KIRI | TENGAH | KANAN |
ATAS | ABCD | ABCD | ABCD |
TENGAH | ABCD | ABCD | ABCD |
BAWAH | ABCD | ABCD | ABCD |
BASELINE | ABCD | ABCD | ABCD |