Mengatur Letak Table Pada Layar Monitor

Mengatur Letak Table Pada Layar Monitor

Secara default memang table akan terletak dibagian kiri layar. Tapi kita bisa mengatur letaknya ditempat yang kita inginkan. Misalnya dibagian kiri,dibagian tengah atau dibagian kanan layar monitor.
Untuk mengatur letak table kita hanya perlu menambahkan <div align="#"> diatas tag <table> dan </div> dibawah tag </table> Tanda # bisa diganti dengan center atau right.
Kalau kita ingin mengatur letak table tetap berada dibagian kiri layar, kita tidak perlu menambahkan kode <div align="#"> dan </div>. Tapi kalau ingin memindahkan table kebagian tengah layar monitor maka perlu ditambahkan kode <div align="center"> atau cukup dengan kode <center> dan </center>.

Sedangkan untuk menaruh table kebagian kanan gambar,maka kodenya adalah <div align="right"> dan </div>
Mari sekarang kita letakkan table dibagian tengah layar.
Pertama kita taruh kode <div align="center"> diatas kode <table> dan kode </div> dibawah kode </table>
Sebagai contoh kali ini table nya akan saya perkecil lebarnya menjadi 300px dan kolom artikel ini saya gunakan se-olah2 sebagai lebar layar monitor computer.
Sekarang kode HTML nya saya buat seperti dibawah ini:
<html>
<head>
<title>Belajar HTML Table</title>
</head>
<body>
<div align="center">
<table border="2" width=”300″>
<tr>
<td colspan="3" bgcolor="#FF9900">Kolom 1+2+3 </td>
</tr>
<tr>
<td rowspan="2">Kolom 1A<br />+Kolom 1B</td>
<td>Kolom 2A</td>
<td>Kolom 3A<br />+Kolom 3B</td>
</tr>
<tr>
<td width="100" height="137">
<img title="Hawaiian Girl" src="Hawaiian-Girl.jpg" alt="Hawaiian Girl">
</td>
</tr>
<tr>
<td>Kolom 1C</td><td>Kolom 2C</td><td>Kolom 3C</td>
</tr>
</table>
</div>
</body>
</html>

08.40 | |

 

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

VAN's

cbox



My.Google My.Facebook My.Twitter

VAN's

Diberdayakan oleh Blogger.

Blogroll

free counters

TRANSLATE

Indonesian Blogger

Banner iskaruji dot com

VAN's

VAN's

VAN's