Berikut adalah contoh sebuah web sederhana yang saya buat dengan menggunakan Notepad (yang biasa, bukan Notepad ++) menggunakan bahasa HTML tanpa CSS. Web ini terdiri dari 6 halaman, semoga bermanfaat.
HOME/INDEX
<html>
<head>
<title>Diah Edogawa</title>
</head>
<body>
<center>
<table border=”0″ width=”1000″ height=”300″ cellspacing=”0″ cellpadding=”20″ margin=”1″>
<tr>
<td colspan=”2″ bgcolor=”pink” align=”center”>
<img src=”foto3.jpg” width=”1000″ height=”300″></td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”magenta” align=”center”>
<center><marquee><b>Ni Putu Diah Sumariani — Diah Edogawa</b></marquee></center></td>
</tr>
<tr>
<td width=”200″ height=”700″ bgcolor=”pink” valign=”top”>
<table width=”200″ border=”5″ bgcolor=”cyan” bordercolor=”green”>
<center>
<tr>
<th>DAFTAR MENU</th>
</tr>
<tr>
<td height=”30″><center><b><a href=”index.html”>Home</a></center></td>
</tr>
<tr>
<td height=”30″><center><b><a href=”profile.html”>Profile</a></center></td>
</tr>
<tr>
<td height=”30″><center><b><a href=”contact.html”>Contact</a></center></td>
</tr>
<tr>
<td height=”30″><center><b><a href=”galery.html”>Galery</a></center></td>
</tr>
<tr>
<td height=”30″><center><b><a href=”about.html”>About</a></center></td>
</tr>
</table>
</td>
<td width=”796″ height=”700″ bgcolor=”green” valign=”top” >
<p><b><center><blink>Kata Pengantar</blink></center></b></p><br>
<p align=”justify”>Puji syukur saya panjatkan ke hadapan Ida Sang Hyang Widhi Wasa, Tuhan Yang Maha Kuasa.<br>
<br>Karena atas rahmat dan berkat-Nya saya dapat menyelesaikan Tugas Pemrograman Web ini tepat pada waktunya. Saya berharap isi dalam web ini dapat bermanfaat untuk kita semua. Dalam pembuatan web ini, saya menggunakan bahasa <a href=”html.html”>html</a>, dengan memanfaatkan tag table beserta atribut-atributnya. Dalam Web ini saya menggunakan beberapa warna sebagai latar belakang / background, yaitu :
<ul>
<li><font color=”cyan”>Cyan</font></li>
<li><font color=”pink”>Pink</font></li>
<li><font color=”magenta”>Magenta</font></li>
<li><font color=”lime”>Green</font></li>
</ul>
Saya juga menambahkan beberapa gambar sebagai latar belakang meskipun penggunaanya masih terbatas. Saya menyadari masih banyak kekurangan dalam web ini yang perlu saya perbaiki. Untuk itu saya memohon saran serta kritik yang membangun dari saudara-saudara sekalian.<br>
<br>Akhir kata saya ucapkan terima kasih.
<br><br><br> Sukawati, Oktober 2010
<br>Penulis
</p>
</td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”magenta”><center><b><marquee>Sekolah Tinggi Ilmu Komputer Indonesia – Jurusan Teknik Informatika – Konsentrasi Design Grafis & Multimedia</b></marquee></center></td>
</tr>
</table>
</body>
</html>
Tampilan :
LINK TEXT – “HTML”
No comments:
Post a Comment