berikut ini adalah belajar membuat halaman web yang sangat sederhana menggunakan HTML. dengan menggunakan bahasa-bahasa dasar html membuat halaman web menggunakan tabel,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>
Nah itu sebagian dari contoh codenya sekarang mari kita praktekan untuk membuat halaman web sederhana.
Sekarang kode HTML nya saya buat seperti dibawah ini:
<html>
<head><title>PemrogramanWeb</title></head>
<body>
<table width="679" height="300" border="1" align="center">
<tr>
<td height="30" colspan="3" align="center">
<img src="gambar/header.jpg" width="678" height="100"></td>
</tr>
<tr>
<td width="110" height="210" valign="top"><ul>
<li> <a href="home.html">Home</a></li>
<li> <a href="artikel.html">Artikel</a></li>
<li> <a href="biodata.html">Biodata</a></li>
</ul></td>
<td width="400"><table width="350" height="160" border="" align="center">
<tr>
<td width="160" height="90">
<p><img src="gambar/gambar1.jpg" width="345" height="220"></p>
<p>Nama : Idham fatoni<br>Nim :08018361</p></td>
</tr>
<tr>
<td width="160" height="90">
<p><img src="gambar/gambar2.jpg" width="345" height="220"></p>
<p>Nama : Agus Wahyu Utomo<br>Nim : 08018357</p></td>
</tr>
<tr>
<td width="160" height="90">
<p><img src="gambar/gambar3.jpg" width="345" height="220"></p>
<p>Nama : Agus Dwi N<br>Nim : 08018368</p></td>
</tr>
</table>
</body>
</html>
Langganan:
Posting Komentar (Atom)
Labels
- belajar PHP (1)
- sitem operasi unix (1)
About Me
- Unknown
bagus gan.. ditambahi dong tutornya..
BalasHapus