HTML

Contoh HTML sederhana
Frame.html
<html>
<head>
<title>My Frame</title>
</head>
<frameset rows="30%,70%" >
<frame src="top.html" frameborder="0" noresize scrolling="no">
<frameset cols="30%,*" >
<frame src="menu.html" noresize="noresize">
<frame src="home.html" name="target" noresize scrolling="yes">
</frameset>
</frameset>
</html>

menu.html
<html>
<head>
<title>Menu</title>
</head>
<base target="target">
<body BACKGROUND="70.jpg">
<font face="magneto" size="10">
<p align="center"><b>WelcOme Bray</b></font>
<pre><font face="magneto" size="4">
<a href="home.html">HOME</a></br>
<a href="biodata.html">MY BIODATA</a></br>
<a href="jurusan.html">PROFIL JURUSAN</a></br>
<a href="html.html">MATERI HTML</a></br>
</font>
</pre>
</body>
</html>

top.html
<html>
<head>
<title>homepage</title>
</head>
<base target="target">
<body background="skulday.jpg">

<MARQUEE><font face="CHILLER" SIZE="12"><b><h1>WELCOME TO</FONT><FONT FACE="JOKERMAN" SIZE="12" COLOR="BLUE"> FANDI'S ZONE</FONT></h1></b></MARQUEE>


</body>

</html>

home.html
<html>
<head>
<title>Homepage</title>
</head>
<base target="target">
<body background="65.jpg">
<center>
<p align="center">
<MARQUEE><img src="ram.gif"><img src="lari.gif"><font face="CHILLER" SIZE="12"><b><h1>WELCOME HOME</FONT></P>
</MARQUEE></p>
<pre>
<p align="justify" width="70%"><b><font face="comic sans ms" size="3" color="blue">CONGRATULATION buat kamu, karena telah membuka halaman ini. Ini adalah salah
satu halaman   yang di cari-cari  di seluruh dunia. Tidak tau kenapa, akhir-akhir ini,
banyak  sekali  pengunjung  yang  mengunjungi halaman ini. Di lihat  dari  design
halamannya, tidak  begitu  bagus,  tapi  kenapa, halaman  ini  merupakan  halaman
paling di cari  di  google. Mungkin  mereka-mereka, mau tau siapakah sesungguhnya
yang membuat  halaman ini. Bukannya  mau  sombong (ehhmm), tapi memang si
pembuat halaman   ini  banyak kelebihan. Dari wajah,  behhh, mantap. Kepribadian,
apalagi.hahahaha. Yang pastinya halaman ini ada karena tugas PTI yang diberikan
kepada si pembuat. Jadi, jika ada  kesalahan  dalam  pembuatan  halaman ini, atau
masih ada kekurangan dalam pembuatan halaman ini, mohon dimaafkan.
</font></b>
</p>

</pre>
</center>
</body>

</html> 

Biodata.html
<html>
<head>
<title>Biodataku</title>
</head>
<body background="65.jpg" height="500" width="500">
<font color="blue" size="3" face="comic sans ms">
<marquee behavior="alternate"><p><h1><b><img src="ketawa.gif">Biodataku<img src="ketawa.gif"></b></h1>
</p>
</marquee>
<p align="center"><img src="frog.gif"><img src="frog.gif"></psss>

<pre>
<B>
<P ALIGN="CENTER"><IMG SRC="FOTO.GIF" HEIGHT="200" WIDHT="120"></P>
        Fullname            : Lestari Irfandi Amir
        Nickname            : Fandi
        Born                : Ujung Pandang, 16 Juli 1992
        Religion                : Islam
        My Family
            Father            : Muh. Amir Taib
            Mother            : Nurhayati
            Brother            : Muh. Irwan Putrama Amir
            Sister            : Srikandi Ikawati Amir
        Educational Background        : - SDN 3 Benteng
                          - SMPN 2 Benteng
                          - SMAN 1 Benteng
                          - Universitas Hasanuddin (Statistika)
        Favorite music            : <embed src="gitar.mp3" autostart="true">South of The Devil</embed>



</B>
</font>

</pre>s
</body>
</html>


materi.html
<html>
<head>
<title>Homepage</title>
</head>
<base target="target">
<body background="65.jpg">
<center>
<p align="center">
<MARQUEE><b><font face="CHILLER" SIZE="12"><h1>HyperText Markup Language (HTML)<img src="bebek.gif"></FONT></P>
</MARQUEE></p>
<pre>
<p align="justify" width="70%"><b><font face="comic sans ms" size="3" color="blue">HTML adalah standard bahasa yang digunakan untuk menampilkan document web.
<ul>
<li>Mengontrol tampilan dari web page dan contentnya.</li>
<li>Mempublikasikan document secara online sehingga bisa di akses.</li>
<li>Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.</li>
<li>Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.</li>
</p>

</pre>
</center>
</body>

</html>