Manipulasi Tabel
TAG Table ini sangat berguna untuk mengadakan pengaturan komposisi halaman dan paling membantu dalam menyusun sebuah dokumen dalam HTML. Untuk mengkonstruksi sebuah interface (antarmuka) secara grafik
Isi Materi TAG Table ini sangat berguna untuk mengadakan pengaturan komposisi halaman dan paling membantu dalam menyusun sebuah dokumen dalam HTML. Untuk mengkonstruksi sebuah interface (antarmuka) secara grafik dan berbagai interaktifitas pengguna.
Tag Table ini bersifat Blok dan akan terlihat sebagai berikut:
Di dalam blok tersbut kita menytakan jumlah baris dan dalam baris tersebut kita menyatakan jumlah kolom yang akan kita gunakan.
Untuk menciptakan baris gunakan tag berikut dalam blok Tag TABLE:
Di dalam tag baris di atas kita spesifikasikan kolom seperti ini :
TD berarti Table Data. Segala informasi yang ingin kita tampilan dalam table di letakkan di antara Tag TD ini. Menambahkan beberapa TD lagi akan menambahkan jumlah kolem dalam Table anda.
Kode di atas akan tampil dalam halaman browser kita sebagai berikut:
Status:
Menikah
Ini adalah contoh lain :
Name:
Suhartono
Status:
Menikah
Ada tambahan baris, dan kode-nya akan terlihat sebagai berikut :
Name:
Suhartono
Status:
Menikah
Untuk membuat sebuah kolom melebar melewati kolom?kolom lainnya, kode yang digunakan adalah colspan (column expand) diikuti dengan value dri berapa jumlah kolom yang akan dilewati.
Database
Name:
Suhartono
Status:
Menikah
Pendidikan
BFG
Table akan terlihat sebagai berikut :
Database
Name:
Suhartono
Status:
Menikah
Pendidikan
BFG
REVIEW
Secara garis besar cara kerja Tag TABLE adalah sebagai berikut:
Segala data disimpan di antara blok table.
Baris Tabel : perintah ini memunculkan sebuah baris dalam tabel
Kolom Tabel : bagian ini menciptakan sebuah klom yang akan diisi data apapun yang berada di antaranya.
Beberapa atribut yang dapat digunakan dalam Tag TABLE adalah sebagai berikut :
Attributes
Description
Values
CELLPADDING
Spasi yang akan mengganjal
data yang tersimpan dalam
sebuah sel dengan border sel
Jumlah Pixel
CELLSPACING
Spasi yang akan memberi jarak
antar sel satu sama lain
Jumlah Pixel
BORDER
Besaran border, tepian dari table
dan antar sel
Jumlah Pixel
BGCOLOR
Warna latar dari table
Warna, atau nilai hexa
desimal warna
BACKGROUND
The URL dari gambar yang ingin
dipakai dalam background tabel.
JPG or GIF source
ALIGN
Pengaturan pe-rata-an data
LEFT, RIGHT, CENTER
WIDTH
Lebar table
Nilai dalam jumlah pixel
atau persen
HEIGHT
Tinggi table
Nilai dalam jumlah pixel
atau persen
VALIGN
Pengaturan alinea dalam
baris sel secara vertikal
TOP, MIDDLE, BOTTOM,
BASELINE
ALIGN
Pengaturan alinea dalam
baris sel secara horizontal
RIGHT, LEFT, CENTER,
JUSTIFY
BORDERCOLOR
Warna tepian (border)
Warna, atau nilai hexa
desimal warna
BORDERCOLORLIGHT
Warna bagian atas dari border
Warna, atau nilai hexa
desimal warna
BORDERCOLORDARK
Warna bagian bawah border
Warna, atau nilai hexa
desimal warna
BGCOLOR
Warna latar dari sel
Warna, atau nilai hexa
desimal warna
VALIGN
Pengaturan alinea dalam baris sel
secara vertikal
TOP, MIDDLE, BOTTOM,
BASELINE
ALIGN
Pengaturan alinea dalam baris sel
secara horizontal
RIGHT, LEFT, CENTER,
JUSTIFY
ROWSPAN
Number of rows the cell spans across
Jumlah Baris
COLSPAN
Number of columns the cell spans across
Jumlah Kolom
BGCOLOR
Warna latar
Warna, atau nilai hexa
desimal warna
BACKGROUND
URL dari data yang akan digunakan sebagai latar belakang dapat berupa gambar.
Source fileUpdate : 20:36:13 19/04/2005