Rabu, 14 November 2012

Belajar Membuat Halaman Web Menggunakan HTML

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>
Tags : pesan software,
Untuk memperlancar transaksi, silahkan isi form berikut


















ke bank mana uang di transfer?




nama toko yang diregister (mempengaruhi SN software)




alamat toko yang diregister (mempengaruhi SN software)




alamat pengiriman cd program (mungkin berbeda dengan alamat toko yang diregister)




catatan yang dirasa perlu untuk disampaikan kepada administrator