Berikut ini adalah contoh script html dasar menggunakan css, form, input text, radio, image header dan button
Result
<html>
<head>
<title>Latihan 2017</title>
<style>
#head{
background-color:red;
}
#uj{
background-color:yellow;
}
#isi{
background-color:orange;
}
#atas{
background-color:violet;
}
#welcome{
background-color:white;
}
</style>
</head>
<body bgcolor="red">
<div id=atas><b>Silahkan Pilih Jurusan</b>
<select>
<option value="">Teknik Informatika</option>
<option value="">Sistem Informatika</option>
<option value="">Bahasa Indonesia</option>
<option value="">Bahasa Inggris</option>
</select></div>
<div id=welcome>
<center><img src="b.png"><img src="c.png"><img src="d.png"><img src="e.png"><img src="f.png"><img src="z.png"><img src="g.png"><img src="h.png"><img src="i.png"><img src="j.png"><img src="k.png">
<h3><marquee> Selamat Malam Indonesia</marquee></div></h3>
<div id=uj><b><u>Isilah Form dibawah ini</u></b><p>
<form>
NIM <input type="text" Size="25"/><p>
Nama <input name="h" type="text" Size="25"/><p>
Alamat <input type="text" Size="25"/><p>
Telp <input type="text" Size="25"/><p>
Password <input type="password" Size="25"/><p>
<b>Hoby Anda ( Boleh Lebih dari satu)<p></b>
<input type="checkbox">Berenang<br>
<input type="checkbox">Masak<br>
<input type="checkbox">Baca Buku<br>
<input type="checkbox">Basket<p>
<b>Jenis Kelamin<p></b>
<input type="radio" name="radio">Laki - Laki <br>
<input type="radio" name="radio">Perempuan <br>
<button>Kirim</Button>
<button>Reset</Button>
</form></div>
<div id=atas>
<h1><a href="new 2.html"><button>Back</button></a></h1></div>
</body>
</html>Result
Comments
Post a Comment