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 :

1. <table>  
2.     <tr>  
3.         <td>  
4.             Belajar  
5.         </td>  
6.         <td>  
7.             Membuat  
8.         </td>  
9.         <td>  
10.             Tabel  
11.         </td>  
12.     </tr>  
13.     <tr>  
14.         <td>  
15.             HTML  
16.         </td>  
17.         <td>  
18.             bersama  
19.         </td>  
20.         <td>  
21.             semogaberkah.blogspot.com  
22.         </td>  
23.     </tr>  
24. </table> 

 

Hasilnya berupa tabel yang memiliki dua baris dan tiga kolom : 

Belajar	Membuat	Tabel
HTML	bersama	semogaberkah.blogspot.com

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 :

 

1. <table>  
2.     <tr ALIGN="LEFT">  
3.         <td>  
4.             Belajar  
5.         </td>  
6.         <td>  
7.             Membuat  
8.         </td>  
9.         <td>  
10.             Tabel  
11.         </td>  
12.     </tr>  
13.     <tr ALIGN="CENTER">  
14.         <td>  
15.             HTML  
16.         </td>  
17.         <td>  
18.             bersama  
19.         </td>  
20.         <td>  
21.             semogaberkah.com  
22.         </td>  
23.     </tr>  
24. <tr ALIGN="RIGHT">  
25.         <td>  
26.             Belajar  
27.         </td>  
28.         <td>  
29.             Atribut  
30.         </td>  
31.         <td>  
32.             Align  
33.         </td>  
34.     </tr>  
35. </table> 

 

Hasilnya :

Belajar	Membuat	Tabel
HTML	bersama	semogaberkah.blogspot.com
Belajar	Atribut	Align

 

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 :

1. <TABLE>  
2. <TR VALIGN=TOP >  
3.      <TD width="411">semogaberkah.blogspot.com</TD>  
4. </TR>  
5. <TR VALIGN=MIDDLE >  
6.      <TD>semogaberkah.blogspot.com</TD>  
7. </TR>  
8. <TR VALIGN=BOTTOM >  
9.      <TD>semogaberkah.blogspot.com</TD>  
10. </TR>  
11. </TABLE>

Hasilnya :

semogaberkah.blogspot.com (TOP)

semogaberkah.blogspot.com (MIDDLE)

semogaberkah.blogspot.com (BOTTOM)

BGCOLOR

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

Contoh :

1. <table>  
2.     <tr BGCOLOR=red>  
3. <td> Belajar </td>  
4. <td> HTML </td>  
5. </tr>  
6. <tr>  
7. <td> bersama </td>  
8. <td> semogaberkah.blogspot.com </td>  
9. </tr>  
10. </table>

Hasilnya :

Belajar	HTML
bersama	semogaberkah.blogspot.com