23.21
Unknown
Jadi sekarang kita belajar buat halaman web sederhana basis HTML. Jadi keinget nih jaman jaman kelas 1 sma belajar html juga buat di blog ini hehehe
Sesuai Perintah asprak jadi saya hanya melampirkan codingan yang sudah di buat di bawah
kemudian hasilnya di screenshot hehehe
-------------------------------------------------------------------------------------------
Berikut Kodingannya :
<html>
<header id="main-header">
<hgroup>
<h1>PT.HAEKAL FOUNDATION</h1>
<h2>web pencari jodoh walau ceo nya juga jomblo hiks #lahkokcurhat?</h2>
</hgroup>
</header>
<br>
<h1>HALAMAN</h1>
<nav id="main-nav">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<title> Hae_Foundation </title>
<head> </head>
<body bgcolor= #5F9EAD>
<figure>
<img src="jomblo_park_by_domoon-d5t91jt.png">
<br>
<marquee> JONRU (JONES RUSAK) </marquee>
<h2>TABEL JODOH</h2>
<form method=post action=new2.html>
<table border=1 align=left>
<tr>
<td> <font color=#cccccc > Nama </font></td>
<td> <input type=text size=20> </td>
</tr>
<tr>
<td> <font color=#cccccc> Jenis kelamin </font> </td>
<td> <input type=text size=20> </td>
</tr>
<tr>
<td> <font color=#cccccc> Weton </font> </td>
<td> <input type=text size=20> </td>
</tr>
<tr>
<td><input type=submit value=Cari Jodoh > </td>
<td><input type=reset value=reset> </td>
</tr>
</table>
</form>
<section>
<h1>KENAPA LO JOMBLO?</h1>
<article> Ini adalah artikel penyebab kenapa lo jomblo </br>
apapin lah, jangan lupa pake tag artikel </article>
<article> kere </article>
<article> gila/stress </article>
</section>
<section>
<h1>JOMBLO RUSAK</h1>
<article>Penyebab </article>
<article>Pengobatan </article>
<article>Perukiahan </article>
</section>
<h2> KAPAN KU PUNYA PACAR.MP3 </h2>
<audio controls>
<source src= "001.mp3" type="audio/mpeg">
</audio>
<footer>
<p>Copyright 2017,Rizki Kurniawan Hadi (G74130028) </P>
</body>
</html>
-----------------------------------------------------------------------------------------------------
Simpan kodingan dalam notepad
kemudian rename formatnya dari .txt jadi .html
maka akan berubah seperti ini
Klik html itu dan maka akan muncul yang kita buat seperti ini :
0 komentar:
Posting Komentar