Part 4 Membuat Halaman Galeri

Membuat Halaman Galeri dengan html - Galeri adalah halam berisi fhoto-fhoto dalam website pribadi yang kita buat kali ini. Baca juga artikel sebelumnya : Part 1 Membuat Halaman Utama, Part 2 Membuat Halaman Profil dan Part 3 Mmembuat Halaman Kontak pada website pribadi dengan html.

Oke sob berikut kode membuat halaman galeri dengan html pada website pribadi kita.simpan kode ini dengan nama galeri.html :

<html>
<head>
<title>Galeri - Iwan Purnama.[dot]com</title>
<body>
<table width="1000" border="0" cellpadding="1"
cellspacing="1" align="center">

<tr>
<td colspan="2" background="Images/header4.jpg"
height="200" align="center">
<font face ="Kristen ITC" size="6" color="yellow">
<blink><b>http://iwanpurnama.com </b></blink>
</font>
</td>
</tr>
<tr height="40">
<td colspan="2" bgcolor="blue">

    <marquee behavior="scroll">
<font face ="Showcard Gothic" size="4" color="yellow">
<b>SELAMAT DATANG DI WEBSITE " IWAN PURNAMA.COM "</b>
</font>
    </marquee>
</td>
</tr>
<tr height="300">
<td width="20%" background="images/bgb.jpg"valign="top">
<font face ="Showcard Gothic" size="3" color="yellow">
<h2><u>:Menu Utama:</u></h>
<font face ="david" size="3" color="yellow">
<h3>
<ul>
<li><a href="index.html">Home</li>
<li><a href="profil.html">Profil</a></li>
<li><a href="hubungi.html">Contac Me</a></li>
<li><a href="galeri.html">Galeri Photo</a></li>
<li><a href="latihanku.html">Latihan HTML Ku</a></li>
<li><a href="lucu.html">Gambar Lucu</a></li>
<li><a href="komentar.html">Komentar</a></li></ul>
</ul>
</h>

<u><b>Sponsor:</b></U>
<p align="center">
<img src = "Images/Game.gif"width="150">
<img src = "Images/Game.gif"width="150">
<img src = "Images/Game.gif"width="150">

</td>
<td width="80%" background="images/bg1.jpg"valign="top">
<table width="90%" border="0" align ="center">

<tr>
<td><img src ="galeri/g1.jpg" width="200"></td>
<td><img src ="galeri/g2.jpg" width="200"></td>
<td><img src ="galeri/g3.jpg" width="200"></td>
</tr>

<tr>
<td><img src ="galeri/g4.jpg" width="200"></td>
<td><img src ="galeri/g5.jpg" width="200"></td>
<td><img src ="galeri/g6.jpg" width="200"></td>
</tr>

<tr>
<td><img src ="galeri/g7.jpg" width="200"></td>
<td><img src ="galeri/g8.jpg" width="200"></td>
<td><img src ="galeri/g9.jpg" width="200"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td colspan="2" align="center" bgcolor="blue">
<font face="BrowalliaUPC" color="WHITE" size ="5">
@CopyRight 2012 | By : Iwan Purnama | iwanpurnama.com
</FONT>
</td>
</tr>
</table>
</body>
</html>
Untuk kode lengkap Membuat Halaman Galeri ini dapat di download di link dibawah ini :

Semoga bermanfaat, Alhamdulillah....








Related product you might see:

Share this product :

+ comments + 2 comments

June 2, 2013 at 6:22 AM

makasih banyak gan html nya....sangat bermanfaat nih......!!!!hehehehehe.....

June 7, 2013 at 4:09 AM

Ia Gan sama2...
Alhamdulillah bermanfaat...

Post a Comment

 
SiteMap | About| | Contact | Disclaimer| FAQ
Copyright © 2013. Program TA | Program Skripsi | PHP | JAVA | Delphi | VB - All Rights Reserved
Template Created by Creating Website Published by Program TA
Proudly powered by Blogger