CARA MEMBUAT WEB HTML SEDERHANA MENGGUNAKAN NOTEPAD
Selamat siang mangcek, bikcek , tuo mudo galo-galo. Nah, kali ini saya akan membahas sedikit bagaimana cara membuat web sederhana menggunakan html. Contoh web yang akan saya buat kali ini ialah web yang akan menampilkan data pribadi saya, pendidikan, orang tua dan pengalaman organisasi saya dari SMA sampai sekarang. Pasti udah pada gak sabar ni pengen tau data pribadiku :D. OK langsung saja....
1. index.html
<html>
<head><title> Let's Do It! </title>
<center><img style="width : 200px; height : 200px;"
<img src="photoshop.gif"> </center>
</head>
<body background=lima.jpg>
<body>
<h1><center><a href="Biodata.html"> My Biodata </a> | <a href="Pendidikan.html"> Pendidikan </a> | <a href="Orang Tua.html"> Orang Tua </a> | <a href="Pengalaman.html"> Pengalaman </a> </center></h1>
<h2><marquee>Let's Do It!</marquee></h2>
</body>
</html>
Hasil :
2. Biodata.html
<html>
<head><title> Let's Do It! </title>
<center><img style="width : 200px; height : 200px;"
<img src="photoshop.gif"> </center>
</head>
<body background=tiga.jpg>
<body>
<h1><center><a href="Biodata.html"> My Biodata </a> | <a href="Pendidikan.html"> Pendidikan </a> | <a href="Orang Tua.html"> Orang Tua </a> | <a href="Pengalaman.html"> Pengalaman </a> </center></h1>
<h2><marquee><font color="red">Let's Do It!</marquee></font></h2>
<h3><u>MY BIODATA </u><BR><BR>
<ul type=circle>
<li>Nama : Joni Irawan
<li>TTL : Campang Tiga, 17 Nopember 1993
<li>Alamat : Jl.Demang Lebar Daun Lr.Kancil Putih Palembang
<li>No HP : 085368710421
<li>Hobby : Berenang, Jalan-jalan, dan Nonton TV
<li>Status : Jomblo ._. #promosi </ul> </h3>
<h5><center><a href="index.html">MENU UTAMA</a></center></h5>
</body>
</html>
Hasil :
3. Pendidikan.html
<html>
<head><title> Let's Do It! </title>
<center><img style="width : 200px; height : 200px;"
<img src="photoshop.gif"> </center>
</head>
<body background=empat.jpg>
<body>
<h1><center><a href="Biodata.html"> My Biodata </a> | <a href="Pendidikan.html"> Pendidikan </a> | <a href="Orang Tua.html"> Orang Tua </a> | <a href="Pengalaman.html"> Pengalaman </a> </center></h1>
<h2><marquee><font color="red">Let's Do It!</marquee></font></h2>
<h3><font face=verdana size=5 color=green><u> PENDIDIKAN </u><BR><BR>
<font size=4 color=yellow>
<ul type=circle>
<li>SD : SD Negeri 4 Campang Tiga Tahun 1999-2005
<li>SMP : SMP Negeri 1 Cempaka Tahun 2005-2008
<li>SMA : SMA Negeri 1 Cempaka Tahun 2008-2011
<li>Perguruan Tinggi: Politeknik Negeri Sriwijaya Tahun 2011-Sekarang </ul></h3>
<h5><center><a href="index.html">MENU UTAMA</a></center></h5>
</body>
</html>
Hasil :
4. Orang tua.html
<html>
<head><title> Let's Do It! </title>
<center><img style="width : 200px; height : 200px;"
<img src="photoshop.gif"> </center>
</head>
<body background=satu.jpg>
<body>
<h1><center><a href="Biodata.html"> My Biodata </a> | <a href="Pendidikan.html"> Pendidikan </a> | <a href="Orang Tua.html"> Orang Tua </a> | <a href="Pengalaman.html"> Pengalaman </a> </center></h1>
<h2><font color="red"><marquee>Let's Do It!</marquee></font></h2>
<h3><font face=verdana size=5 color=blue><u>ORANG TUA </u><BR><BR>
<font size=4 color=green>
-Ayah <br>
<ul type=circle>
<li>Nama : Hamid Yuusuf
<li>TTL : Campang Tiga, 17 Juli 1959
<li>Pekerjaan : Petani </ul><br>
-Ibu <br>
<ul type=circle>
<li>Nama : Husnah <br>
<li>TTL : Ulak Baru, 10 Maret 1960 <br>
<li>Pekerjaan : Petani </ul><br></h3>
<h5><center><a href="index.html">MENU UTAMA</a></center></h5>
</body>
</html>
Hasil :
5. Pengalaman.html
<html>
<head><title> Let's Do It! </title>
<center><img style="width : 200px; height : 200px;"
<img src="photoshop.gif"> </center>
</head>
<body background=dua.jpg>
<body>
<h1><center><a href="Biodata.html"> My Biodata </a> | <a href="Pendidikan.html"> Pendidikan </a> | <a href="Orang Tua.html"> Orang Tua </a> | <a href="Pengalaman.html"> Pengalaman </a> </center></h1>
<h2><marquee><font color="red">Let's Do It!</marquee></font></h2>
<h3><font face=verdana size=5 color=blue><u>PENGALAMAN </u><BR><BR>
<font size=4 color=green>
<ul type=circle>
<li>Ketua Rohis di SMA N 1 Cempaka Tahun 2008-2009 <br>
<li>Anggota Paskibra di SMA N 1 Cempaka Tahun 2008-2009 <br>
<li>Wakil Ketua Osis 1 di SMA N 1 Cempaka Tahun 2009-2010 <br>
<li>Ketua Humas di HMJ Teknik Komputer Politeknik Negeri Sriwijaya Tahun 2011-2013 </ul><br></h3>
<h5><center><a href="index.html">MENU UTAMA</a></center></h5>
</body>
</html>
Hasil :
Nah, mungkin cukup sampai disini dulu ya...nanti dilain kesempatan saya akan share lagi mengenai ilmu-ilmu baru yang saya dapatkan :))
Tidak ada komentar:
Posting Komentar