Scribd
Upload
78 views26 pages

Web Pribadi 132

The document describes the homepage of a personal website. It includes sections for the homepage, profile, gallery, collection, frame (guestbook), and XML syntax. The homepage provides an introduction and welcome message. The profile section gives biographical details and education/work experience. The gallery displays photos. It also includes navigation links, polls, and a guestbook. The overall purpose is to share information about the author and their interests/activities through an organized personal website.

Uploaded by

Ahmad N J
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
78 views26 pages

Web Pribadi 132

The document describes the homepage of a personal website. It includes sections for the homepage, profile, gallery, collection, frame (guestbook), and XML syntax. The homepage provides an introduction and welcome message. The profile section gives biographical details and education/work experience. The gallery displays photos. It also includes navigation links, polls, and a guestbook. The overall purpose is to share information about the author and their interests/activities through an organized personal website.

Uploaded by

Ahmad N J
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 26

RA.

TOYYIBATUL FAIHAH
07.04.111.00132
Membuat Web Pribadi

WEB PRIBADI

* Home

* Profil
* KoleksiQ

* Galery
* Frane

* XML
Syntax :

Home

<html>
<head>
<title>Home</title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}
h3{font-family:forte; font-size:26;
color:purple; text-align:center;
background:transparent; text-align:center;}

h4{font-family:monotype corsiva; font-size:18;


color:purple; text-align:center;
background:transparent; text-align:center;}

h5{font-family:bodoni mt black; font-size:14;


color:brown; text-align:center;
background:transparent; text-align:center;}

pre{font-weight:bold;font-family:harrington; font-size:24px;
color:black; background:transparent;
text-align:center;}

A:link {FONT-WEIGHT: bold; COLOR:brown ;font-size:14; TEXT-DECORATION:none}


A:visited {FONT-WEIGHT: bold; COLOR:purple ;font-size:14; TEXT-DECORATION:
none}
A:hover {FONT-WEIGHT: bold; COLOR: indigo; font-size:14;TEXT-DECORATION:
none}
BODY{background-image:url("img/ungu.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>
<body bgcolor="white">
<div align="center">
<table width="900" height="682" border="1" bordercolor="brown">
<tr>
<td colspan="3" background="img/0087.gif" height="208" align="center"></td>
</tr>
<tr>
<td width="159" height="35" align="center"><h5> <blink>SELAMAT DATANG
</h5></blink></td>
<td width="477" align="center"><marquee behavior="scroll"><font face="castellar"
color="purple"> <b>WELCOME TO MY HOMEPAGE</b></font></marquee></td>
<td align="center" width="250"><h5> <b><blink> HOME</blink></h5></b></td>
</tr>
<tr>
<td height="146" align="center">
<marquee behavior="scroll" direction="up" scrolldelay="30" scrollamount="1"
onmouseout="this.start()" onmouseover="this.stop()"><h4>Selamat Datang di WebsiteQ...
Belajarlah Demi Masa Depan yang Indah </h4></marquee></font></td>
<td rowspan="3" valign="top">
<table width="100%" border="0">
<tr>
<td align="center"><h3>Hay.... Guys...!!! Welcome to My World!!!</h3>
<b>Kamu semua pengen tau tentang aku???kalian bisa browsing tentang aku di sini!!!
disini kamu juga bisa tau tentang kegiatanQ,,apa aja yang aku kerjain tiap hari. di KampUz, di
kOst, siFat2Q, so kalian bisa diliat dsini??? Umm.... Let's Check iT oUt... Di sini juga ada
temen2Q low... "Sahabat iBaRat sAtu jaNji daLam haTi, taK daPat diTuLis, taK daPat
diBaca, NamUn taKkan teRpiSah oLeh jaRak, takkan BerUbah oLeh maSa, taKkan sIrNa
oLeh aMaRah, seDetiK diMaTa seLamaNya diJiWa..." buat kalian semua yang mo ska' am
web Q ini, kalian bisa contreng ney yah...oh ya...jangan lupa kasih comment!!! ok!
(<a href="www.iefhas.wordpress.com">iefha.wordpress.com</a>)</b></td></tr>
</table>
</td>
<td height="146"> <form method="post">
<table width="100%" border="1">
<caption align="center"><font face="broadway" color="purple">
<b>PhotoQiu...</b></caption>
<tr>
<th valign="bottom"><img src="img/arsifa.jpg" width="120" height="100"><br/></th>
<th valign="bottom"><img src="img/ifa1.jpg" width="120" height="100"><br/></th>

</tr>
</table>
</td>
</tr>
<tr>
<td width="159" height="35" align="center" background="img/apiann.gif"><font
face="castellar" color="black"> <b>Daftar Isi</b></font>&nbsp;</td>
<td align="center" width="250" background="img/apiann.gif"><font face="castellar"
color="black"><b>Polling Pengunjung</b></font></td>
</tr>
<tr>
<td>
<A:link>
<a href="Profil.html"> Profil</a><br/>
<a href="Galery.html"> Galery</a><br/>
<a href="KoleksiQ.html"> KoleksiQ</a><br/>
<a href="Frame.html"> Buku Tamu</a><br/>
<a href="scedulee.html">Scedule</a><br/>
</A:link>
<td valign="top"><font face="times new roman" color="purple">Apakah Anda
menyukai website saya?</font><br/>
<input type="radio" name="opsi" value="ya"> Ya <br/>
<input type="radio" name="opsi" value="tidak"> Tidak <br/>
<input type="radio" name="opsi" value="ragu"> Ragu-ragu <br/><br/>
<b>Komentar / Alasan:</b>
<form method="post">
<textarea name="komentar" cols="30"></textarea>
</form>
<input type="submit" value="Kirim" name="t1">
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>

<pre>
Pengen ngirim eMail...
<a href="mailto:[email protected]">KLIK d i s i n i</a></b></pre>
</pre>
<h2><br><p align="center"><b>ThaNks
<marquee direction="down"><p align="center">Bye Bye...............
(^_*)</marquee></b></h2>
</body>
</html>
Profil

<html>
<head>
<title> "sifa_Arf" </title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}

h4{font-family:harrington; font-size:14;
color:purple; text-align:center;
background:transparent; text-align:center;}

h5{font-family:bodoni mt black; font-size:14;


color:purple; text-align:center;
background:transparent;}

A:link {FONT-WEIGHT: bold; COLOR:brown ;font-size:14; TEXT-DECORATION:none}


A:visited {FONT-WEIGHT: bold; COLOR:purple ;font-size:14; TEXT-DECORATION:
none}
A:hover {FONT-WEIGHT: bold; COLOR: indigo; font-size:14;TEXT-DECORATION:
none}
BODY{background-image:url("img/vi.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>
<body bgcolor="white">
<div align="center">
<table width="900" height="715" border="1" bordercolor="brown">
<tr>
<td colspan="3" background="img/0087.gif" height="208"
align="center"></b></font></td>
</tr>
<tr>
<td width="160" height="35" align="center"><marquee
behavior="alternate"><h5><b>DAFTAR ISI</b></h5></marquee></td>
<td width="476" align="center"><marquee behavior="scroll"><h5><b>PROFIL
LENGKAP Q </b></h5></marquee></td>
<td align="center" width="250" ><marquee behavior="alternate"><h5><b><a
href="Home.html"> HOME </a></b></h5></marquee></td>
</tr>
<tr>
<td width="168" rowspan="3" valign="top" align="left"><br/>
<a href="Profil.html"> Profil</a><br/>
<a href="Galery.html">Galery</a><br/>
<a href="KoleksiQ.html">KoleksiQ</a><br/>
<a href="Frame.html"> Buku Tamu</a><br/>
<a href="scedulee.html">Scedule</a><br/>

<td rowspan="5" align="left" valign="top">


<table width="100%" border="0">
</td>
</table><hr/>
<h4 align="center">ABOUT ME</h4>
<ul type="square"><font face="Times New Roman" color="blue">
<li>Nama Q RA. TOYYIBATUL FAIHAH</li>
<li>Kalian bisa manggilQ dengan "Ifa" ajach... gampang khan????</li>
<li>Saya Lahir di SAMPANG, Selasa Pon tgl 12 September 1989</li>
<li>ZodiakQ Virgo</li>
<li>Sekarang saya tinggal bersama kedua ortuQ & Kedua ade'Q</li>
<li>Alamat rumahQ Jalan Raya Krampon RT/RW:01/01 Kec. Torjun Kab. Sampang
KodePos: 69271</li>
<li>No Handphone 087866137794</font></li></ul><hr/>
<h4 align="center"> PENDIDIKAN</h4>
<ul type="square"><font face="Times New Roman" color="blue">
<li> SDN KRAMPON 1(1999)</li>
<li> SMP NEGERI 1 TORJUN (2004)</li>
<li> SMA NEGERI 1 TORJUN (2007)</li>
<li> Sekarang Kuliah di UNIVERSITAS TRUNOJOYO MADURA BANGKALAN
Jurusan TEKNIK INFORMATIKA</font></li></ul><hr/><br>
<h4 align="center"> PENGALAMAN ORGANISASI</h4>
<ul type="square"><font face="Times New Roman" color="blue">
<li> PRAMUKA SDN KRAMPON 1</li>
<li> OSIS SMPN 1 TORJUN (Koord. Sie. Apresiasi dan Seni)</li>
<li> PRAMUKA & PMR SMPN 1 TORJUN</li>
<li> OSIS SMAN 1 TORJUN (Koord. Sie. Kewirausahaan)</li>
<li> PMR SMAN 1 TORJUN (Skretaris Umum)</li>
<li> SAINT (Sie. Litbang); PMII (Pemberdayaan Perempuan); HIMATIF (Sekbid.
Pendidikan) di UNIJOYO</font></li></ul><hr/><br>

<td height="146">
<table width="100%" border="0">
<caption align="center"><font face="broadway"
color="purple"><blink><b>PhotoQiu...</font></b></blink></caption>
<tr>
<th valign="bottom"><img src="img/ifa2.jpg" width="120" height="100"><br/></th>
<th valign="bottom"><img src="img/arsifa.jpg" width="120" height="100"><br/></th>
</tr></table></td>
</tr>
<tr>
<td width="250" height="35" align="center" background="img/apiann.gif">><font
face="jokerman" color="black"><b>POLLING PENGUNJUNG</b></font></td>
</tr>
<tr>
<td rowspan="2" valign="top"> Apakah Anda menyukai website saya?<br/>
<input type="radio" name="opsi" value="ya">
Ya <br/>
<input type="radio" name="opsi" value="tidak">
Tidak <br/>
<input type="radio" name="opsi" value="ragu">
Ragu-ragu <br/>
<br/>
<b>Komentar / Alasan:</b>
<form method="post">
<textarea name="komentar" cols="28"></textarea>
</form><input type="submit" value="Kirim" name="t1"></td>
</tr>
<tr>
<td valign="top"></td>
</tr>
<tr>
<td><a href="Home.html"><img src="img/BB1.gif" width="50" height="50"></a></td>
<td><a href="Galery.html"><img src="img/BB2.gif" width="50" height="50"></a></td>
</tr>
</table>
</div>

</body>
</html>
Galery

<html>
<head>
<title>"sifa_Arf"</title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}

h3{font-family:harrington; font-size:26;
color:purple; text-align:center;
background:transparent; text-align:center;}

h4{font-family:harrington; font-size:14;
color:purple; text-align:center;
background:transparent; text-align:center;}

h1{font-family:monotype corsiva; color:purple;


size:6;background:transparent;}

pre{font-family:comic sans MS; font-size:16px;


color:purple; background:transparent;
text-align:center;}
A:link {FONT-WEIGHT: bold; COLOR:brown ;font-size:14; TEXT-DECORATION:none}
A:visited {FONT-WEIGHT: bold; COLOR:purple ;font-size:14; TEXT-DECORATION:
none}
A:hover {FONT-WEIGHT: bold; COLOR: indigo; font-size:14;TEXT-DECORATION:
none}
BODY{background-image:url("img/green.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>

<body bgcolor="white">
<div align="center">
<table width="900" height="715" border="1" bordercolor="brown">
<tr>
<td colspan="3" background="img/0087.gif" height="208" align="center"></td> </tr>
<tr>
<td width="200" height="35" align="center"> <font face="bodoni mt black"
color="purple"><marquee behavior="alternate"><b>DAFTAR
ISI</b></marquee></font></td>
<td width="450" align="center"><marquee behavior="scroll"><font face="castellar"
color="black"> <b>Galery Q... </b></font></marquee></td>
<td align="center" width="250" ><font face="bodoni mt black" color="Purple"><marquee
behavior="alternate"><b><a href="Home.html"> HOME </a></b></marquee></font></td>
</tr>
<tr>
<td width="200" rowspan="5" valign="top" align="left"><br/>
<a href="Profil.html"> Profil</a><br/>
<a href="Galery.html">Galery</a><br/>
<a href="KoleksiQ.html"> KoleksiQ</a><br/>
<a href="Frame.html"> Buku Tamu</a><br/>
<a href="scedulee.html">Scedule</a><br/>
<td rowspan="5" align="left" valign="top">
<div id="innerContent"><table width="448" border="0">
<tr>
<th width="149" scope="col">Ade'Qiu</th>
<th width="149" scope="col">In Pacet</th>
<th width="149" scope="col">In Kampus Biru</th> </tr>
<tr>
<td><img src="img/Aab.jpg" width="148" height="150" /></td>
<td><img src="img/1.jpg" width="148" height="150" /></td>
<td><img src="img/Cute_026.jpg" width="148" height="150" /></td></tr>
<tr>
<td><img src="img/Alif.jpg" width="148" height="150" /></td>
<td><img src="img/2.jpg" width="148" height="150" /></td>
<td><img src="img/Cute_029.jpg" width="148" height="150" /></td> </tr>
<tr>
<td><img src="img/Visa.JPG" width="148" height="148" /></td>
<td><img src="img/3.jpg" width="148" height="148" /></td>
<td><img src="img/6.JPG" width="148" height="150" /></td> </tr>
<tr>
<td><img src="img/uud.jpg" width="148" height="150" /></td>
<td><img src="img/4.JPG" width="148" height="150" /></td>
<td><img src="img/7.jpg" width="148" height="150" /></td></tr>
<tr>
<td><img src="img/L-A.jpg" width="148" height="150" /></td>
<td><img src="img/5.jpg" width="148" height="150" /></td>
<td><img src="img/8.JPG" width="148" height="150" /></td> </tr>
</table></td>
<td height="146"> <form method="post">
<table width="100%" border="1">
<caption align="center"><font face="broadway" color="purple"><blink><b>Photo
Qiu...</font></b></blink></caption>
<tr>
<th valign="bottom"><img src="img/ifa1.jpg" width="120" height="100"><br/></th>
<th valign="bottom"><img src="img/ifa07.jpg" width="120" height="100"><br/></th>
</tr></table></td>
</tr>
<tr>
<td width="250" height="35" align="center" background="img/apiann.gif"><font
face="harrington" color="black"><b>POLLING PENGUNJUNG</b></font></td>
</tr>
<tr>
<td rowspan="2" valign="top"> Apakah Anda menyukai website saya?<br/>
<input type="radio" name="opsi" value="ya">
Ya <br/>
<input type="radio" name="opsi" value="tidak">
Tidak <br/>
<input type="radio" name="opsi" value="ragu">
Ragu-ragu <br/>
<br/>
<b>Komentar / Alasan:</b>
<form method="post">
<textarea name="komentar" cols="28"></textarea>
</form><input type="submit" value="Kirim" name="t1"></td>
</tr>
<tr>
<td height="167">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td valign="top"></td>
</tr>
<tr>
<td><a href="Profil.html"><img src="img/Y2.gif" width="50" height="50"></a></td>
<td><a href="Galery.html"></a></td>
<td><a href="KoleksiQ.html"><img src="img/Y1.gif" width="50" height="50"></a></td>
</tr>
</table>
</div>

</body>
</html>
KoleksiQ

<html>
<head>
<title>"sifa_Arf"</title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}

h3{font-family:harrington; font-size:26;
color:purple; text-align:center;
background:transparent; text-align:center;}

h4{font-family:times new roman; font-size:14;


color:purple; text-align:center;
background:transparent; text-align:center;}
A:link {FONT-WEIGHT: bold; COLOR:brown ;font-size:14; TEXT-DECORATION:none}
A:visited {FONT-WEIGHT: bold; COLOR:purple ;font-size:14; TEXT-DECORATION:
none}
A:hover {FONT-WEIGHT: bold; COLOR: indigo; font-size:14;TEXT-DECORATION:
none}
BODY{background-image:url("img/peony.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>
<body bgcolor="white">
<div align="center">
<table width="900" height="682" border="1" bordercolor="brown">
<tr>
<td colspan="3" background="img/0087.gif" height="208" align="center"></td> </tr>
<tr>
<td width="200" height="35" align="center"><font face="bodoni mt black" color="Purple"
><blink>KEGEMARANQ</font></blink></td>
<td width="450" align="center"><marquee behavior="scroll"><font face="castellar"
color="Purple"><b>Puisi-Puisi Qiu...</b></font></marquee></td>
<td align="center" width="250"><font face="bodoni mt black" color="brown"> <b><a
href="Home.html"><blink> HOME</blink> </a></b></font></td>
</tr>
<tr>
<td height="146" align="center">
<marquee behavior="scroll" direction="up" scrolldelay="30" scrollamount="1"
onmouseout="this.start()" onmouseover="this.stop()"><h4>Menulis Puisi adalah bagian dari
hidupQ...</h4></marquee></font></td>
<td rowspan="3" valign="top">
<table width="100%" border="1" align ="left" valign="top"></td>
<tr>
<td colspan="2" align="center" valign="top"><img src="img/gambar cover isyarat
hati.jpg" width="400" height="350"><br/></td>
</tr>
<tr>
<td align="center"><h3>Satu Hati Satu Cinta</h3>
<font face="high tower text" color="black"><b>Getaran cinta semakin terasa dikala hati
sudah terbiasa
Membangun perasaan untuk menerima arti cinta
Pudaran2 harapan semakin menepis keegoan
Minta hati untuk satu cinta
Puing2 cinta mengalir disetiap nadi
Mengintari cinta kedalam setiap detakan jantung
Mengalir syahdu bersama tetesan air mata cinta
Lingkaran keabadian mengitari 2 hati saling menyayangi
Membangun kisah untuk cinta sejati
<tr>
</br></br></br></br></br></br></br></b></td></tr>
<td align="center"><h3>SEPTEMBER CERIA</h3>
<font face="high tower text" color="black"><b>Dalam hari – hariku bersamamu
Betapa indahnya kehangatan kebahagiaan yg terasakan
Seakan teresapi oleh kepercayaan yang kita tanamkan
Disaat senyuman seakan dipermainkan
Dirimu selalu menemani dalam kebersamaan
Cinta yang tumbuh antara kita
Seakan menjadi bagian dalam helaian nafasku
Menjadi satu kesatuan dalam detakan jantungku
Disaat waktu tak dapat tertembus oleh hidup
Cinta seakan merubahnya menjadi lebih baik
Karena cinta adalah takdir yang tercipta untuk kita
Cintamu selalu mewarnai hari – hariku
Selalu memberi warna yang indah
Seakan pelangi yang terhias dihatiku
Karena kasih sayang untukmu
Adalah keceriaan dalam kesempurnaan
</br></br></br></br></br></br></br></b></td></tr>
</table>
</td>
<td height="146"> <form method="post">
<table width="100%" border="1">
<caption align="center"><font face="broadway" color="purple"><marquee
behavior="alternate"><b>Photo Qiu..</font></b></marquee></caption>
<tr>
<th valign="bottom"><img src="img/Arsifa.jpg" width="120" height="100"><br/></th>
<th valign="bottom"><img src="img/ifa07.jpg" width="120" height="100"><br/></th>
</tr>
</table>
</td>
</tr>
<tr>
<td width="159" height="35" align="center" background="apiann.gif"><font
face="castellar" color="black"> <b>Daftar Isi</b></font>&nbsp;</td>
<td align="center" width="250" background="apiann.gif"><font face="castellar"
color="black"><b>Polling Pengunjung</b></font></td>
</tr>
<tr>
<td valign="top">
<a href="Profil.html"> Profil</a><br/>
<a href="Galery.html"> Galery</a><br/>
<a href="KoleksiQ.html"> KoleksiQ</a><br/>
<a href="Frame.html"> Buku Tamu</a><br/>
<a href="jadwal kul.xml"> Scedule</a><br/>
<td valign="top"><font face="times new roman" color="purple">Apakah Anda menyukai
website saya?</font><br/>
<input type="radio" name="opsi" value="ya"> Ya <br/>
<input type="radio" name="opsi" value="tidak"> Tidak <br/>
<input type="radio" name="opsi" value="ragu"> Ragu-ragu <br/><br/>
<b>Komentar / Alasan:</b>
<form method="post">
<textarea name="komentar" cols="30"></textarea>
</form>
<input type="submit" value="Kirim" name="t1">
</td>
</tr>
<tr>
<td><a href="Galery.html"><img src="img/Back.gif" width="50" height="50"></a></td>
</tr>
</table>
</div>
</body>
</html>
Frame

<html>
<head>
<title>Frame</title>
</head>
<frameset cols="33%,*">
<frame name="kiri" src="kiri.html"scrolling="yes">
<frame name="kanan" src="kanan.html">
</frameset>
</frameset>
</html>

Kanan

<html>
<head>
<title>Home</title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}
h4{font-family:monotype corsiva; font-size:25;
color:purple; text-align:center;
background:transparent; text-align:center;}

h1{font-family:jokerman; color:purple;
size:6;background:transparent;}

pre{font-weight:bold;font-family:monotype corsiva; font-size:24px;


color:black; background:transparent;
text-align:center;}
BODY{background-image:url("img/02.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>
<body bgcolor="white">
<div align="center">
<table width="900" height="682" border="0" bordercolor="brown">
<tr>
<td colspan="3" background="img/0087.gif" height="208" align="center"></td>
</tr>
<tr>
<td>
<h1>
<font size="5"><marquee direction=right>THANKS YOUR VISITE IN MY
WEBSITE</MARQUEE></font>

<blink><h4>Terima kasih atas kunjungan Anda di website saya, semoga web ini bermanfaat
bagi Anda semua. Dan saya mengharapkan saran dan kritik yang membangun dari Teman-
teman untuk menyempurnakan website ini.</h4></blink>

<tr><td>
<marquee direction="right"><img src="img/iefa.jpg" size="5"><font size="5"
face="harrington">
<b> ifha.....</marquee>

<br><br><marquee direction="left"><font size="5" face="curlz MT">


<b> mama & ayah.....<img src="img/b.jpg" size="3"></marquee>

<marquee direction="right"><img src="img/aviza.jpg" size="1"><font size="5"


face="harrington">
<b> ade'Q seng imoet.....</marquee>
</td>
</tr>
<tr>

<tr><td>
<a:link>
<b><font face="comic sans MS"><a href="jadwal kul.xml">Back
Scedule</a></font></b></a:link></tr></td>

</table>
</div>
<pre>
Pengen ngirim eMail...
<a href="mailto:[email protected]">KliK d i s i n i</a></b></pre>
</pre>
<h2><br><p align="center"><b>ThaNks
<marquee direction="down"><p align="center">Bye Bye...............
(^_*)</marquee></b></h2>
</body>
</html>
Kiri

<html>
<head>
<title>Home</title>
<STYLE type="text/css">
BODY{margin-top:1cm; margin-right:2cm;
margin-bottom:1cm;margin-left:2cm;
SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-ARROW-COLOR: yellow; SCROLLBAR-TRACK-COLOR:#999999
SCROLLBAR-DARKSHADOW-COLOR:violet;
SCROLLBAR-BASE-COLOR:black;}

h1{font-family:jokerman; color:purple;
size:6;background:transparent;}

BODY{background-image:url("img/02.jpg");background-attachment:fixed; background-
position:center; }
</STYLE>
</head>

<body bgcolor="white">
<div align="center">
<table width="900" height="682" border="0" bordercolor="brown">
<tr>
<td colspan="1" background="img/0087.gif" height="208" align="center"></td>
</tr>
<tr>
<td>
<form method="post" action="frame.html">
<h1>
<font size="5"><marquee direction=right>Buku Tamu</MARQUEE></font></h1>

<table border="1" background="img/02.jpg" width="400">


<tr> <td width="100">Nama:</td> <td><input type="text" name="nama"
size="42"></td></tr>
<tr> <td width="100">Tempat Lahir:</td> <td><input type="text" name="nama"
size="42"></td></tr>
</table>

<table border="1"background="img/02.jpg" width="400">


<tr><td width="100">Tanggal:</td><td><select name="tanggal">
<option value="0"><br>
<option value="1">1<br>
<option value="2">2<br>
<option value="3">3<br>
<option value="4">4<br>
<option value="5">5<br>
<option value="6">6<br>
<option value="7">7<br>
<option value="8">8<br>
<option value="9">9<br>
<option value="10">10<br>
<option value="11">11<br>
<option value="12">12<br>
<option value="13">13<br>
<option value="14">14<br>
<option value="15">15<br>
<option value="16">16<br>
<option value="17">17<br>
<option value="18">18<br>
<option value="19">19<br>
<option value="20">20<br>
<option value="21">21<br>
<option value="22">22<br>
<option value="23">23<br>
<option value="24">24<br>
<option value="25">25<br>
<option value="26">26<br>
<option value="27">27<br>
<option value="28">28<br>
<option value="29">29<br>
<option value="30">30<br>
<option value="31">31<br>
</select></td>
<td>Bulan:</td><td><select name="bulan">
<option value="0"><br>
<option value="1">1<br>
<option value="2">2<br>
<option value="3">3<br>
<option value="4">4<br>
<option value="5">5<br>
<option value="6">6<br>
<option value="7">7<br>
<option value="8">8<br>
<option value="9">9<br>
<option value="10">10<br>
<option value="11">11<br>
<option value="12">12<br>
</select></td>
<td>Tahun:</td><td><select name="tahun">
<option value="0"><br>
<option value="1">1980<br>
<option value="2">1981<br>
<option value="3">1982<br>
<option value="4">1983<br>
<option value="5">1984<br>
<option value="6">1985<br>
<option value="7">1986<br>
<option value="8">1987<br>
<option value="9">1988<br>
<option value="10">1989<br>
</select></td></tr></table>

<table border="1"background="img/02.jpg" width="400">


<tr> <td width="100">Tempat tinggal:</td> <td><select name="tempat tinggal">
<option value="0"><br>
<option value="a"> Amerika<br>
<option value="b"> Australia <br>
<option value="c"> Arab <br>
<option value="d"> Brazil <br>
<option value="e"> Canada <br>
<option value="f"> Indonesia<br>
</select></td></tr></table>

<table border="1"background="img/02.jpg" width="400">


<tr> <td width="100">Statuz:</td><td><select name="status">
<option value="0"><br>
<option value="S"> Single <br>
<option value="MI"> sudah menikah <br>
<option value="TI"> G jelas <br>
</select></td></tr></table>

<table border="1"background="img/02.jpg" width="400">


<tr> <td width="100"> <b>Kenapa Anda suka belajar Web??? <br>
<input type="checkbox" name="bacaan" value="novel"> Hobby <br>
<input type="checkbox" name="bacaan" value="koran"> Ingin tahu <br>
<input type="checkbox" name="bacaan" value="majalah"> suka <br>
<input type="checkbox" name="bacaan" value="tabloid"> iseng <br></table>
<table border="1"background="img/02.jpg"width="400">
<tr> <td width="100"> <b>Apakah Anda menyukai web ini???<br>
<input type="radio" name="opsi" value="ya" > Ya <br>
<input type="radio" name="opsi" value="tidak" > Tidak <br>
<input type="radio" name="opsi" value="ragu"> Ragu-ragu <br>
<input type="radio" name="opsi" value="ragu" > coba-coba<br></td></tr></table>

<table border="1"background="img/02.jpg" width="400">


<tr> <td width="100" align="center"> <b> Komentar: </b> <br>
<textarea rows="10" cols=“40" wrap="physical" name="komentar">
</textarea></td>
</tr></table>

&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp &nbsp &nbsp &nbsp &nbsp
<input type="submit" value="Simpan" name="t1">
<input type="reset" value="Reset" name="t2"></hr><br>

<a:link>
<b><font face="comic sans MS"><a href="home.html">Back</a></font></b></a:link>
</form>
</td>
</tr>

</table>
</div>

</body>
</html>
XML

<?xml version="1.0" encoding="iso-8859-1"?>


<?xml-stylesheet type="text/css" href="jadwal.css"?>
<jadwal>
<kuliah>
<saya> MY SCEDULE </saya>
<pre>
Lembar ini berisi jadwal kuliah saya di Universitas Trunojoyo Madura Bangkalan,
dosen-dosen pengajar, mata kuliah harian,
serta berapa jam saya harus belajar disana.
Setelah melihat schedule saya ini,
saya bisa menebak apa yang ada dalam pikiran Anda.
Banyak orang, khususnya mahasiswa universitas lain sempat kaget
dan kagum akan kepadatan jam kuliah di kampus saya.
Bagaimana tidak? lha jamnya dari 7 pagi hingga menjelang senja...
Sungguh melelahkan memang, antara praktek dan teori sebanding dalam pembagian
kuliahnya.
Itupun masih ditambah jam-jam kuliah lain yang sempat ketinggalan,
misalnya saja ditempatkan pada hari sabtu.
Itulah satu-satunya cara kampus saya mencetak mahasiswa yang berpotensi,
berwawasan, serta siap menjalani masa globalisasi saat ini. Hidup UNIJOYO!!</pre>

<data>

<hari>

<phari>senin</phari>
<jam>
<pjam>07.00-09.30</pjam>
<nama>Keamanan Komputer</nama>
<kelas>E</kelas>
<jam>
<pjam>10.20-11.30</pjam>
<nama>Praktikum Jaringan Komputer</nama>
<kelas>B</kelas>
<jam>
<pjam>12.50-14.30</pjam>
<nama>PBD WEB</nama>
<kelas>E</kelas>
<jam>
<pjam>14.30-17.00</pjam>
<nama>Sistem Informasi</nama>
<kelas>E</kelas>
</jam>
</jam>
</jam>
</jam>
</hari>

<hari>
<phari>selasa</phari>
<jam>
<pjam>07.00-09.30</pjam>
<nama>Data Mining</nama>
<kelas>A</kelas>
</jam>
</hari>

<hari>
<phari>rabu</phari>
<jam>
<pjam>09.30-12.30</pjam>
<nama>Sistem Temu Balik Informasi</nama>
<kelas>E</kelas>
</jam>
</hari>

<hari>
<phari>kamis</phari>
<jam>
<pjam>11.30-14.00</pjam>
<nama>Kecerdasan Buatan/AI</nama>
<kelas>E</kelas>
</jam>
</hari>

</data>
</kuliah>
</jadwal>
CSS XML

/* CSS Document */
pre{font-family:comic sans MS; font-size:16px;
color:purple; background:transparent;
text-align:center;}
jadwal{
background-color:#FFFFFF;
width:100%;
}
kuliah{
display:block; background-color: #FFFFFF;
margin-bottom:5pt;
}
saya{
font-family:bodoni mt black;
font-weight:bold;
font-size: x-large;
color: #330000;
width:100%;
text-align:center;
}
data{
display:block;
background-image: url(img/08.jpg);
color: black;
width:400%;
margin-bottom:5pt;
font-family:harrington;
}
hari{
display:block;
width:100%;
margin-left::75pt;
}
phari{
width:100%;
margin-top:20pt;
font-size:20px;
color: #0000FF;
text-decoration: underline;
}
jam{
display:block;
margin-bottom:5pt;
}
pjam{
margin-left:25pt;
}
}
nama{
font-size:14px;
margin-left:5pt;
}
jam{
display:block;
margin-bottom:15pt;
}

kelas{
font-size:14px;
margin-bottom::25pt;
}
Web Pribadi diatas terdiri dari 6 halaman termasuk halaman pertama yaitu home.
* Home => berisi sapaan dari saya kepada para pengunjung
* Profil => berisi tentang pribadi saya seperti biodata, pendidikan dan pengalaman
organisasi.
* Galery => berisi kumpulan-kumpulan foto
* KoleksiQ => berisi beberapa kumpulan puisi yang dikarang oleh saya sendiri.
* Buku Tamu => berisi pengisian buku tamu untuk para pengunjung web ini. Dan
ucapan terimakasih dari saya.
* Schedule => berisi tentang jadwal kuliah saya di kampuz…
Web diatas menggunakan beberapa table. Style CSS menggunakan Style Sheet Internal.
Frame dari web diatas terdiri dari buku tamu dan ucapan teriamkasih. Dan XML berisi jadwal
kuliah saya.

You might also like