Edit Rata Kiri, Kanan, atau Tengah Tabel HTML

Minggu, 20 Desember 2009

Secara default pada halaman HTML, tabel disajikan dalam bentuk rata kiri. Untuk menampilkan tabel rata kanan atau rata tengah, kita hanya perlu menambahkan kode <div align="right"> untuk rata kanan, atau <div align="center"> untuk rata tengah di atas tag <table>.
Untuk lebih jelasnya akan saya sajikan dalam bentuk ilustrasi dengan kode HTML sebagai berikut:

<html>
<head>
<title>Mengatur Letak Tabel</title>
</head>
<body>
<table width="450" border="2" bgcolor="#6495ed">
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
<td>Column 4</td>
<td>Column 5</td>
</tr>
</table>
</div>
</body>
</html>

Hasilnya adalah:

Column 1

Column 2

Column 3

Column 4

Column 5

Untuk rata kanan, letakkan kode <div align="right"> di atas tag <table width="450" border="2" bgcolor="#6495ed"> pada ilustrasi di atas.
Hasilnya adalah:

Column 1

Column 2

Column 3

Column 4

Column 5

Sedangkan untuk rata tengah, letakkan kode <div align="center"> di atas tag <table width="450" border="2" bgcolor="#6495ed"> pada ilustrasi di atas.
Hasilnya adalah:

Column 1

Column 2

Column 3

Column 4

Column 5

Silahkan mencoba teman-teman...