Tutorial HTML

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>
			Klikbelajar.com
		</td>
	</tr>
</table>

Hasilnya berupa tabel yang memiliki dua baris dan tiga kolom :

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>
			Klikbelajar.com
		</td>
	</tr>
<tr ALIGN="RIGHT">
		<td>
			Belajar
		</td>
		<td>
			Atribut
		</td>
		<td>
			Align
		</td>
	</tr>
</table>

Hasilnya :

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">KlikBelajar.com</TD>
</TR>
<TR VALIGN=MIDDLE >
     <TD>KlikBelajar.com</TD>
</TR>
<TR VALIGN=BOTTOM >
     <TD>KlikBelajar.com</TD>
</TR>
</TABLE>

Hasilnya :

Untuk BASELINE, lihat perbedaannya dengan BOTTOM berikut ini :

BOTTOM

BASELINE

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> Klikbelajar.com </td>
</tr>
</table>

Hasilnya :