Saya akan membahas bagaiman cara membuat HTML sederhana menggunakan Notepad..
Script'a seperti ini,, langsung di copas ja scrip'a.
<html>
<title>Test</title>
<body>
<center><font size="7" face="verdana" color="red">F<font color="blue"><sup><u>REEDOM</u></sup></font></font> <sup><font color="lime"><i>FOR</i></sup>
<font size="7" face="verdana" color="gold">P<font color="gray"><sub><u>ALESTINE</u></sub></font></font></center>
<br>
<p><h3 style="color: gray" align="center">Hidup Tidak Akan Indah Bila Selalu Di Picu Dengan Peperangan </h3></p>
<body bgcolor="indigo">
<div style="width: 100%; height: 170%; background-color: gray;">
<table border="0" width="100%" height="4">
<tr>
<td style="width: 0%" bgcolor="teal" align="center">
<bgcolor="navy">
<h2><marquee style="color: lime; font-style: italic;">SELAMATKAN SAUDARA KITA DI PALESTINA,
DAN BEBASKAN PALESTINA DARI ISRAEL</marquee></h2></td>
</tr>
<form id="form1" name="form1" method="post" action="../rizaldy/profile.html"><input type="submit" name="PROFILE" value="PROFILE" /></form>
<form id="form2" name="form2" method="post" action="test.html"><input type="submit" name="BERANDA" value="BERANDA" /></form>
<form id="form2" name="form2" method="post" action="http://www.devilzc0de.org/"><input type="submit" name="FORUM" value="FORUM" /></form>
<form id="form2" name="form2" method="post" action="http://www.linux.com/"><input type="submit" name="SOFTWARE" value="SOFTWARE" /></form>
<form id="form2" name="form2" method="post" action="http://www.3schools.com"><input type="submit" name="W3SCHOOLS" value="W3SCHOOLS" /></form>
<form id="form2" name="form2" method="post" action="http://www.downloadmp3.blogspot.com"><input type="submit" name="MUSIC" value="MUSIC" /></form>
</table>
<center><h2><blink><font color="turquoise"> JUSTICE FOR PALESTINE </h2></blink></center>
<table border="2" width="100%" height="5">
<tr>
<td><p><h4 style="color: lime" >Tentang saya :</p>
<hr>
<ul type="disc">
<li>Nama : Rizaldy Eka Jaya</li>
<li>Nim : 41511010060</li>
<li>Jurusan : Teknik Informatika</li>
<li>UKM : Al-Faruq</li>
<li>Organisasi : Al-Khawarizmi</li>
</ul></h4>
</td>
<td rowspan="3">
<div>
<center><h2><font color="gold"> I LOVE ISLAM </h2></center>
<br>
<center><img src="img/freedom.jpg" title="Freedom For Palestine" width=850 height=550 hspace=10 vspace=5 /></center>
<br>
</td>
</tr>
<tr>
<td><p><h3><center>Al-Khawarizmi<h3></p>
<img src="img/mbah.jpg" title="Al-Khawarizmi" width=250 height=250 hspace=10 vspace=3 /></center></td>
</tr>
<tr>
<td>
<center><h3>Daftar Link</h3>
<a href="latihan.html">Latihan </a><br> <a href="../rizaldy/index.html">Berita</a><br/> <a href="../rizaldy/berita01.html">Berita 2</a><br/>
</center>
</td>
</tr>
</table>
</table>
<table border="0" width="100%" height="5">
<tr><td><p><h3>Yang Manakah Pilihan Anda, Apakah : </p>
<ul type="circle">
<li>Sangat Baik</li>
<li>Baik</li>
<li>Kurang</li>
<li>Kurang Baik</li>
</ul></h3>
<br>
</td>
<td>
<p><h4>Hidup itu tidak semudah membalikkan telapak tangan</h4></p>
</td>
<td>
<p><ul type="sponge">
<li>Jadilah seperti cahaya walau tak tersentuh tapi selalu menerangi.</li>
<li>Jadilah seperti angin walau tak berwujud tapi memberikan kesejukan.</li>
</ul></p>
</td>
</tr>
</table>
<tr>
<tr><td style="width: 20" bgcolor="teal" align="center">
<td bgcolor="purple">
<h3><marquee direction="right" style="color: red;" />Komunitas Mahasiswa Teknik Informatika</marquee></h3></td>
</tr>
<br>
<br>
<center style="color: gold; font-style: italic;">copyrigth©rizaldy | property by Alldy Newbie</center>
</div>
</div>
</body>
</html>
Seperti ini script'a, kemudia menyimpan dengan format file.html dan hasil'a seperti ini:
Silahkan untuk mencobanya, semoga bermanfaat ya,,
Sekian dari saya (^_^)
- Judul : Membuat Web HTML Sederhana
- Penulis : Rizaldy Eka Jaya
- Kategori : Materi
-
Rating : 100% based on 10 ratings. 5 user reviews.
Item Reviewed: Membuat Web HTML Sederhana
9 out of 10 based on 10 ratings. 9 user reviews.