Widget edited by super-bee

Laman

11.25.2011

Tag Table Row dan Atributnya

Tag ini merupakan kepanjangan dari Table Row yang berarti baris dari suatu tabel. Di dalam tag ini biasanya diisi dengan beberapa tag <TD..>, sehingga akan membentuk tabel yang memiliki beberapa baris dan beberapa kolom. Tag ini tidak dapat berdiri sendiri, penggunaannya selalu beriringan setelah tag <Table..>.

Contoh penulisan :
<table>
<tr>
<td>Belajar</td>
<td>
Membuat</td>
<td>Tabel</td>
</tr>
<tr>
<td>HTML</td>
<td>bersama</td>
<td>Bun No Ichi</td>
</tr>
</table>



Hasilnya berupa tabel yang memiliki dua baris dan tiga kolom :
Lihat disini

ALIGN

Atribut ini digunakan untuk menentukan posisi dari isi tabel apakah rata kanan, tengah, atau rata kiri. Berbeda dengan atribut ALIGN pada tag <Table..> yang berguna untuk menentukan posisi dari tabel pada sebuah dokumen, atribut ini hanya akan menentukan posisi dari isi setiap sel yang berada di dalam sebuah tabel. Atribut ini dapat diatur menjadi LEFT, CENTER, RIGHT.

Contoh:
<table>
<tr ALIGN="LEFT">
<td>Belajar</td>
<td>Membuat</td>
<td>Tabel</td>
</tr>
<tr ALIGN="CENTER">
<td>HTML</td>
<td>bersama</td>
<td>Bun No Ichi</td>
</tr>
<tr ALIGN="RIGHT">
<td>Belajar</td>
<td>Atribut</td>
<td>Align</td>
</tr>
</table>



Hasilnya:
Lihat disini

VALIGN

Atribut ini merupakan singkatan dari vertical align yang berarti perataan vertical dari isi suatu sel. Atribut ini dapat diatur menjadi TOP, MIDDLE, BOTTOM, atau BASELINE.

Contoh:
<TABLE>
<TR VALIGN=TOP >
<TD width="411">bunnoichi.blogspot.com</TD>
</TR>
<TR VALIGN=MIDDLE >
<TD>bunnoichi.blogspot.com</TD>
</TR>
<TR VALIGN=BOTTOM >
<TD>bunnoichi.blogspot.com</TD>
</TR>
</TABLE>



Hasilnya:
Lihat disini

BGCOLOR

Sama halnya seperti atribut BGCOLOR pada tag <Table..> atribut ini juga berguna untuk memberikan warna latar.

Contoh :
<table>
<tr BGCOLOR=red>
<td> Belajar </td>
<td> HTML </td>
</tr>
<tr>
<td> bersama </td>
<td> Bun No Ichi</td>
</tr>
</table>



Hasilnya:
Lihat disini

Artikel Terkait:

Comments
0 Comments

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More