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:
<TABLE>
</TABLE>
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:
<TR>
</TR>
Di dalam tag baris di atas kita spesifikasikan kolom seperti ini :
<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
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 |
Jumlah Pixel |
CELLSPACING |
Spasi yang akan memberi jarak |
Jumlah Pixel |
BORDER |
Besaran border, tepian dari table |
Jumlah Pixel |
BGCOLOR |
Warna latar dari table |
Warna, atau nilai hexa |
BACKGROUND |
The URL dari gambar yang ingin |
JPG or GIF source |
ALIGN |
Pengaturan pe-rata-an data |
LEFT, RIGHT, CENTER |
WIDTH |
Lebar table |
Nilai dalam jumlah pixel |
HEIGHT |
Tinggi table |
Nilai dalam jumlah pixel |
<TR>
VALIGN |
Pengaturan alinea dalam |
TOP, MIDDLE, BOTTOM, |
ALIGN |
Pengaturan alinea dalam |
RIGHT, LEFT, CENTER, |
BORDERCOLOR |
Warna tepian (border) |
Warna, atau nilai hexa |
BORDERCOLORLIGHT |
Warna bagian atas dari border |
Warna, atau nilai hexa |
BORDERCOLORDARK |
Warna bagian bawah border |
Warna, atau nilai hexa |
BGCOLOR |
Warna latar dari sel |
Warna, atau nilai hexa |
<TD>
VALIGN |
Pengaturan alinea dalam
baris sel |
TOP, MIDDLE, BOTTOM, |
ALIGN |
Pengaturan alinea dalam
baris sel |
RIGHT, LEFT, CENTER, |
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 |
BACKGROUND |
URL dari data yang akan digunakan sebagai latar belakang dapat berupa gambar. |
Source file |