Membuat Tabel

Senin, 07 Februari 2011

Membuat table di HTML cukup mudah, Anda hanya memerlukan tiga buah tag yang berpasangan, artinya tiap-tiap tag memerlukan tag pembuka dan tag penutup. Tag- tag tersebut yaitu <TABLE>, <TR>, dan <TD>. Berikut adalah format penulisanya.
<TABLE>
<TR>
<TD> … </TD>
<TD> … </TD>

</TR>
</TABLE>
Keterangan:
<TR> adalah Table Row yaitu untuk membuat baris.
<TD> adalah Table Data yaitu untuk membuat kolom.
Selain penulisan seperti di atas, tag <TABLE> juga bisa ditambahi dengan beberapa atribut seperti berikut ini.
<TABLE BORDER=”..” WIDTH=”..” HEIGHT=”..” BACKGROUND=”..”>
<TR>
<TD WIDTH=”..” HEIGHT=”..” BACKGROUND=”..”> … </TD>
<TD WIDTH=”..” HEIGHT=”..” BACKGROUND=”..”> … </TD>

</TR>
</TABLE>
Selain tambahan beberapa atribut di atas, masih ada beberapa atribut lain yang didukung oleh tag <TABLE>. Cara penggunaan beberapa atribut lainya adalah sama dengan beberapa atribut di atas. Beberapa atribut tersebut adalah:
Atribut Keterangan
ROWSPAN Menggabungkan beberapa baris menjadi satu
COLSPAN Menggabungkan beberapa kolom menjadi satu.
CELLSPASING Mengatur spasi antara kolom dan tabel
CELLPADDING Mengatur teks dengan batas dalam
ALIGN Mengatur perataan dalam tabel secara horisontal
VALIGN Mengatur perataan dalam tabel secara vertikal
BGCOLOR Mengatur latar belakang tabel
NOWRAP Membuat isi dalam tabel memanjang dalam satu baris
Berikut adalah contoh penggunaan tabel.
<html>
<body>
Jadwal kegiatan kami hari Minggu
<table>
<tr><td>Jam</td><td>Kegiatan</td></tr>
<tr><td>07.00</td><td> Bangun pagi terus sarapan </td></tr>
<tr><td>08.00</td><td> Mandi di kamar mandi </td></tr>
<tr><td>09.00</td><td> Membantu orang tua </td></tr>
<tr><td>10.00</td><td> Nonton TV </td></tr>
<tr><td>20.00</td><td> Belajar malam sambil blogging</td></tr>
</table>
</body>
</html>



JamKegiatan
07.00 Bangun pagi terus sarapan
08.00 Mandi di kamar mandi
09.00 Membantu orang tua
10.00 Nonton TV
20.00 Belajar malam
Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright Dengklok City 2010 -2012 | Design by Hiba Ambara | Published by Borneo Templates | Powered by Blogger.com.