Kamis, 01 November 2012

Contoh WEB Personal Berbasis HTML

1.                  Personal
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<Body text="#000000" bgcolor="Gold">
<p>Biodata Anda</p>
<marquee direction="right"">Mohon Diisi<B>:</B> </marquee>
<FORM method="post" action="Personal1.htm">
<table border="2">
<tr>
<td width="200">User Name</td>
<td><input type="text" name="User_name"></td>
</tr>
<tr>
<td width="200">E-Mail</td>
<td><input type="text" name="E_mail" size="40"></td>
</tr>
<tr>
<td width="200">Password</td>
<td><input type="password" name="Password"></td>
</tr>
<tr>
<td width="200">Re-type Password</td>
<td><input type="Password" name="re_password"></td>
</tr>
<tr>
<td></td></tr>
<tr>
<td>Nama</td>
<td><input type="text" name="Nama" size="80"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="Pekerjaan" size="50"></td>
</tr>
<tr>
<td>Pendidikan</td>
<td><input type="text" name="Pendidikan" size="50"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="Alamat" size="50"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" name="Jenis Kelamin" value="Gentlemen">Gentlemen
<input type="radio" name="Jenis Kelamin" value="Ladies">Ladies</td>
</tr>
<tr>
<td>Usia Anda</td>
<td><input type="radio" value="V1" name="r1">< 19 Tahun &nbsp;
<input type="radio" value="V2" name="r1">19-25 Tahun &nbsp;
<input type="radio" value="V3" name="r1">25-35 Tahun &nbsp;
<input type="radio" value="V4" name="r1">>35 Tahun
</td></tr>
<tr>
<td>Hobby</td>
<td><input type="checkbox" name="Hobby" value="Camping">Camping &nbsp;
<input type="checkbox" name="Hobby" value="Makan">Makan &nbsp;
<input type="checkbox" name="Hobby" value="FootBall">FootBall &nbsp;
<input type="checkbox" name="Hobby" value="Tidur">Tidur &nbsp;
<input type="checkbox" name="Hobby" value="Other">Other
</td></tr>
<tr>
      <td>Photo</td>
      <td><input type=file name="Photo"></td>
    </tr>
</table>
<p><input type="submit" value="Sign in" name="B1"><a href="Personal1.htm"><Input type="reset" value="Batal" name="B2"></p>
</form>
</body>
</html>

2.                  Personal1
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body bgcolor="Silver">
<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;
<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;
<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;
<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>
<h1><center><font color="#FFFF33"> Selamat Datang </font></center></h1>
<center><marquee direction="left"><font color="Blue" size="+5">Ladies </font></marquee><font color="Blue" size="+5">And</font><marquee direction="right"><font color="Blue" size="+5"> 
Gentlemen</font></marquee></center>
<p><center>
    <font color="#FF0000" size="6">Inie Adalah Web Personal Saya</font> <br>
        M H A I L L O N K 
          </center></p>
          
<div style="text-align: right; margin: 5px 30px 0pt 0pt; padding-top: 5px;"> <a href="Personal5.htm"><img src="glitterfy234111908D33.gif" alt="komentar" width="41" height="40"></a></div>
 </body>
</html>

3.                  Personal2
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Biodata</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body text="Silver" background="Symbol Of KOTAK.jpg">
  <h2><font face="Arriba Arriba LET" color="#FF0000">Biodata</font></h2>
<table border="2" cellpadding="2" cellspacing="2" width="800" height="250">
<font face="btd BeezWax">
<tr>
<td>Nama</td>
<td> :</td>
<td> Ismail Usrah</td>
</tr>
<tr>
<td>Nick Name</td>
<td> :</td>
<td> Mhaillonk</td>
</tr>
<tr>
<td>Tetala</td>
<td> :</td>
<td> Lawawoy, 02 October 1991</td>
</tr>
<tr>
<td>E-Mail</td>
<td> :</td>
<td>mhail_libra@ymail.com</td>
</tr>
<tr>
<td>Alamat</td>
<td> :</td>
<td> Jl.Kelapa Kota PALOPO</td>
</tr>
<tr>
<td>Agama</td>
<td> :</td>
<td> Islam</td>
</tr>
<tr>
<td>Status</td>
<td> :</td>
    <td> Berpacaran</td>
</tr>
<tr>
<td>PT</td>
<td> :</td>
<td> "Univ. Cokroaminoto Palopo"<br>-Teknik Informatika</td>
</tr>
<tr>
<td>Organisasi</td>
<td> :</td>
<td> Repala Sidrap (Remaja Pencinta Alam Lawawoy) Shetherhap</td>
</tr>
<tr>
<td>No.HP</td>
<td> :</td>
<td> +6285255848347</td>
</tr>
<tr>
<td>Motto</td>
<td> :</td>
<td> Yang lalu biarlah berlalu, yang berlalu kita jadikan kenangan, entah itu kenangan yang indah atau kenangan yang buruk.</td>
</tr>
</font></table><br>
<p align="justify"><a href="Personal1.htm"><FONT color="#FF0000">Depan</FONT></a> &nbsp;| &nbsp;
<a href="Personal2.htm"><FONT color="#FF0000">Biodata</FONT></a> &nbsp;|&nbsp;
<a href="Personal3.htm"><FONT color="#FF0000">Galery</FONT></a> &nbsp;|&nbsp;
<a href="Personal7.htm"><FONT color="#FF0000">Keluar</FONT></a> </p>
<div class="copyright"><font color="#FF0000">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div>
</body>
</html>

4.                  Personal3
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Foto Mhail</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<p align="center"><font size="+2" color="#00FF66">Ini Adalah GALERY Foto Saya</font></p><br>
<center><img src="Mhail Cakep.jpg" border="3" width="150" height="200" alt="Mhail">
<img src="Mhail.JPG" border="3" width="150" height="200" alt="Hehehe">
<img src="Mail.JPG" border="3" width="150" height="200" alt="screamo">
<img src="Cowok Kalem.JPG" border="3" width="150" height="200" alt="Kalem">
<img src="Fuck.jpg" border="3" width="150" height="200" alt="Mail Fuck">
<img src="Mhaillonk.jpg" border="3" width="150" height="200" alt="Maild"><br>
<img src="Ilhe'.jpg" border="3" width="200" height="150" alt="Kerabat kotak">
<img src="Preman pasar 08.jpg" border="3" width="130" height="150" alt="Preman">
<img src="MaIL aJA.jpg" border="3" width="200" height="150" alt="mAiLX">
<img src="IT COMPETITION.jpg" border="3" width="130" height="150" alt="IT">
<img src="Kerabat Mhaillonk.jpg" border="3" width="200" height="150" alt="Kotak Kerabat"><br>
<img src="MhaiLMu.jpg" border="3" width="200" height="150" alt="Si Cakep">
<img  src="Mhail kalem.jpg" border="3" width="200" height="150" alt="Ilhe'">
<img src="Uchiha Mhail.jpg" border="3" width="200" height="150" alt="Uchiha Mhail">
<img src="Mhaillonk sit.jpg" border="3" width="200" height="150" alt="Santai">
</center>
<p align="center"><font color="#00FF00">Ada Juga Beberapa Koleksi Foto Saya With My Friend's<br>
Mau Lihat???</FONT><a href="Personal4.htm"><font color="#FF0066">Klik</font></a></p>
<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;
<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;
<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;
<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>
<div class="copyright"><font color="#FF0000">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div>
</body>
</html>

5.                  Personal4
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mhail N Fiends</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body><p align="center"><font color="#000099">Ini Adalah Koleksi Foto Saya With My Friend's</font></p>
<center><img src="Picture 0021.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3">
<img src="Picture 0022.jpg" border="3" height="150" width="200" alt="Ibenk,Mail,V3">
<img src="Picture 0024.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0035.jpg" border="3" height="150" width="200" alt="Ibenk,Mail,V3">
<img src="Picture 0043.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk"><br>
<img src="Picture 0044.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0046.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0049.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0050.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0053.jpg" border="3" height="150" width="200" alt="Mail,Ibenk"><br>
<img src="Picture 0055.jpg" border="3" height="150" width="200" alt="Ibenk,Mail">
<img src="Picture 0063.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">
<img src="Picture 0064.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk"></center>
<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;
<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;
<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;
<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>
<div class="copyright"><font color="#FF99CC">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div></body>
</html>

6.                  Personal5
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Komentar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<Body>
<marquee direction="right"><font color="#FF00CC" size="+2">Tulis Komentar Anda<B>&nbsp;:</B> </font></marquee> 
<FORM method="post" action="Personal6.htm">
<td><textarea name="Descript" cols="150" rows="20"></textarea></td>
</tr>
</table>
<p><input type="submit" value="Send" name="B1"><a href="Personal6.htm"></a><Input type="reset" value="Delete" name="B2"></p>
</form>
</body>
</html>

7.                  Personal6
*                         Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Thanks</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#9933FF">
<p align="center"><font color="#00CCFF" size="+2">
Terima Kasih Atas Komentar Anda.<br>
Saya atas nama Ismail Usrah akan memperbaiki kesalahan yang terjadi pada pembuatan halaman web ini.</font><br><br>
<font color="#FFCC00" size="+3">mhail_libra@ymail.com</font>
<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;
<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;
<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;
<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>
<div class="copyright"><font color="#FF0000">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div>
</body>
</html>

8.                  Personal7
*                  Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Thanks</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body background="Finger Kotak.jpg">
<p align="center"><font color="#000000" size="+4">
Terima kasih atas kunjungan anda di web ini.<BR>
KERABAT KOTAK SHETHERHAP</font>
<br><br><br><br><br><br><br><br><br><br>
<p align="right"><font color="#FF0000" size="+2">Contact Person : 085255848347<br><b>(Ismail Usrah)</b></font></p>
<font size="+2" color="#FFFF33">You must <a href="Personal.htm"><font size="+2" color="Black">Sign In</font></a>&nbsp;again, if you want back in My Web.</font>
</body>
</html>

Tidak ada komentar:

Posting Komentar