Mengatur Letak Table
Mengatur Letak Table Pada Layar Monitor
Mengatur Letak Table
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>
Dan sekarang hasilnya menjadi seperti ini:
Mengatur Letak Table di Tengah Layar Monitor Computer
Untuk mengatur letak Table disebelah kanan hanya perlu mengganti "center" dengan "right"
Dan hasilnya akan menjadi seperti ini:
|
Mengatur Letak Table ke Sebelah Kanan Layar Monitor |
Untuk mengatur letak Table disebelah kiri tidak perlu menuliskan kode <div align="left">
Tapi kalau mau diisi dengan <div align="left"> juga boleh. Sama sekali tidak akan ada pengaruhnya, sebab secara default letak Table adalah dibagian sebelah kiri screen monitor.
Letaknya akan tetap seperti ini:
Mengatur Letak Table ke Sebelah Kiri Layar Monitor
Yang Surya
Mengatur Letak Table
16 Responses to Mengatur Letak Table
Leave a Reply
    |
Pingback: Belajar Tiada Henti » Blog Archive » Belajar HTML #4 -
wahhhh ngebantu bangeet dalam memahami materi,langsung bisa praktek
makasi
makasih atas tutorialnya gan, thanks buat tutorialnya langsung sedot buat belajar anak didik saya di sekolah gan
wah asik nambah ilmu nih langsung praktek…THKS gan artikelnnya
Semakin mencerahkan saya , dan ketertarikan saya mendalami HTML !
garis2 pemisahnya hrus 2 ya klo bkin tabel, klo garisny dibuat 1 aja bsa gak?
makasih atas infonya, gan?
Pingback: Belajar HTML « muhammadredja
sangat membantu sekali untuk mengembangkan ilmu tentang pelajaran web gua, thanks banget gan for sharing
Mantaaaab, terimakasih infonya gan…
Trimakasih…. lg mo ngedit webstatis, butuh info ini
Colspan untuk pengaturan kolom yang jumlahnya tidak sama dengan kolom yang dibawahnya.
Sedangkan Rowspan untuk pengaturan jumlah kolom yang tidak sama dengan kolom disampingnya.
Fungsinya Colspan ama Rowspan itu apa ya kalo leh tw?
thank you, nambah ilmulagi nih
thanks pertunjuknya gan, ijin sedot ya,,,,smg dibalas yg lebih baik oleh-Nya, amin
saya terbantu sekali dengan artikal yang anda buat. artikel cukup menarik dan mudah di cerna. cuma saja yang menjadi ganjalan, saumpama kita menyisipkan banyak tabel di dalam blog kita, apakah itu juga berpengaruh terhadap loading blog kita?
kalau boleh, tolong juga dong di posting tentang cara menyisipkan tabel di dalam postingan. soalnya terkadang saya melihat postingan juga di pasang tabel entah itu tentang tabel berisi iklan, contoh kode html (biasanya dalam blog tutoraial blogging)atau seperti yang anda buat (banner di atas “yang surya”)
terima kasih sebelumnya. happy blogging dan sukses selalu.