Code HTML Merancang Tabel

     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.

Contoh:
<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>

Hasil seperti berikut:



Kolom 1

Satu Baris dan Tiga Kolom:

Kolom 1 Kolom 2 Kolom 3

Dua Baris Tiga Kolom:

100 200 300
400 500 600

Tabel Tanpa Border:

100 200 300
400 500 600

Komentar

Postingan Populer