Slide Title 1

Aenean quis facilisis massa. Cras justo odio, scelerisque nec dignissim quis, cursus a odio. Duis ut dui vel purus aliquet tristique.

Slide Title 2

Morbi quis tellus eu turpis lacinia pharetra non eget lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec.

Slide Title 3

In ornare lacus sit amet est aliquet ac tincidunt tellus semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

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>