Saturday, May 19, 2012
Tabel HTML
Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom
menunjukkan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukkan
kelompok data dalam satu kesatuan.
Sebuah tabel mempunyai judul, tempat anda menjelaskan kolom/baris yang dilibatkan, baris untuk
informasi dan sel untuk setiap itemnya. Pada tabel berikut, kolom pertama berisi informasi header,
setiap baris menjelaskan sebuah tag tabel HTML dan setiap sel berisi sebuah pasangan tag atau
penjelasan dari fungsi tag.
Atribut Tabel
Catatan: atribut yang didefinisikan dalam <TH>…</TH> atau <TD>…</TD> akan menggantikan
alignment default yang didefinisikan dalam <TR>…</TR>.
Contoh membuat tabel dalam HTML :
________________________________________________________________________________
<HTML>
<BODY>
<P>Setiap tabel dimulai dengan sebuah tag TABLE.<BR>
Setiap baris dimulai dengan sebuah tag TR.<BR>
Setiap data dimulai dengan sebuah tag TD.</P>
<H4>Satu Kolom:</H4>
<TABLE BORDER=1>
<TR>
<TD>Kolom 1</TD>
</TR>
</TABLE>
<H4>Satu Baris dan Tiga Kolom:<H4>
<TABLE BORDER=1>
<TR>
<TD>Kolom 1 </TD>
<TD>Kolom 2 </TD>
<TD>Kolom 3 </TD>
</TR>
</TABLE>
<H4>Dua Baris Tiga Kolom:</H4>
<TABLE BORDER=1>
<TR>
<TD>100</TD>
<TD>200</TD>
<TD>300</TD>
</TR>
<TR>
<TD>400</TD>
<TD>500</TD>
<TD>600</TD>
</TR>
</TABLE>
<H4>Tabel Tanpa Border:</H4>
<TABLE BORDER=0>
<TR>
<TD>100</TD>
<TD>200</TD>
<TD>300</TD>
</TR>
<TR>
<TD>400</TD>
<TD>500</TD>
<TD>600</TD>
</TR>
</TABLE>
</BODY>
</HTML>
________________________________________________________________________________
Contoh tabel dengan Caption dan Header
________________________________________________________________________________
<HTML>
<BODY>
<H4>This tabel has a caption, and a thick border</H4>
<TABLE BORDER=4>
<CAPTION>This is a Caption</CAPTION>
<TABLE BORDER=6>
<TR>
<TD>100</TD>
<TD>200</TD>
<TD>300</TD>
</TR>
<TR>
<TD>400</TD>
<TD>500</TD>
<TD>600</TD>
</TR>
</TABLE>
<H4>Tabel Header:</H4>
<TABLE BORDER=1>
<TR>
<TH>Nama</TH>
<TH>Alamat</TH>
<TH>Telepon</TH>
</TR>
<TR>
<TD>Jon Keboy</TD>
<TD>Jl. Angker Indah</TD>
<TD>7878787</TD>
</TR>
<TR>
<TD>Frank de Pengky</TD>
<TD>Jl. Ongol-ongol</TD>
<TD>7779988</TD>
</TR>
</TABLE>
</BODY>
</HTML>
________________________________________________________________________________
Jumlah baris tabel ditentukan dengan banyaknya <TR>..</TR> yang dituliskan dalam elemen tabel,
dari <TABLE>…</TABLE>
Jumlah kolom dalam tabel ditentukan dengan banyaknya <TD>…</TD> di dalam setiap definisi baris,
dari <TR>…</TR>
Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda.
Subscribe to:
Post Comments (Atom)
Terimakasih infonya, sangat membantu.
ReplyDeleteSalam.
I will immediately clutch your rss feed as I can not find your e-mail subscription link or
ReplyDeletee-newsletter service. Do you've any? Kindly permit me know so that I may subscribe. Thanks.
Look into my web-site cheap nike free run
Hello there! Do you know if they make any plugins to protect against hackers?
ReplyDeleteI'm kinda paranoid about losing everything I've worked hard on.
Any recommendations?
Feel free to surf to my weblog - Cheap Nike Air Max