TABLES

MENGGUNAKAN 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 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.

<TABLE BORDER=1>
<TR>
<TD>Status:</TD>
<TD>Menikah</TD>
</TR>
</TABLE>

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 :

<TABLE>
<TR>
    <TD>Name:</TD>
    <TD>Suhartono</TD>
</TR>
<TR>
    <TD>Status:</TD>
    <TD>Menikah</TD>
</TR>
</TABLE>

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.

<TABLE BORDER=1>
<TR>
<TD COLSPAN=2><CENTER><B>Database</B></CENTER></TD>
</TR>
<TR>
<TD>Name:</TD>
<TD>Suhartono</TD>
</TR>
<TR>
<TD>Status:</TD>
<TD>Menikah</TD>
</TR>
<TR>
<TD>Pendidikan</TD>
<TD>BFG</TD>
</TR>
</TABLE>

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 <TR>: perintah ini memunculkan sebuah baris dalam tabel
Kolom Tabel <TD>: 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

<TABLE>

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

<TR>

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

<TD>

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 file