Source kode pada html yang ditambah CSS :
<html>
<head><title>form tabel</title>
<style type="text/css">
body {
font-size: 20px;
color: navy;
}
p {
font-family: calibri, helvetica, sans-serif;
}
h2 {
float: left;
margin-left: 100px;
font-style: italic;
text-decoration: underline;
font-size: 30px;
}
#footer{
font-style: italic;
text-decoration: underline;
font-size: 23px;
color: blue;
}
</style>
</head>
<body bgcolor="##22AAB9">
<table border="0" align="center">
<tr>
<td colspan="3" bgcolor="orange">
<img src="logouad.png" width="100px" height="100px" align="left">
<h2 align="center">Cara Membuat WEB</h2>
</td>
</tr>
<td bgcolor="#FF8C00"> <b> MENU </b>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Atribut</a></li>
<li><a href="#">Pendaftaran</a></li>
</ul>
</td>
<td>
<table border="0" align="center" bgcolor="#FBEC5D">
<b>FORM PENDAFTARAN</b>
<form action="#" method="post">
<tr>
<td> Nama </td> <td>:</td><td> <input type="text" name="nama" placeholder="Ketikan Nama Anda" /><br /></td>
</tr>
<tr>
<td> NIM </td> <td>:</td><td> <input type="text" name="nama" placeholder="Ketikan NIM Anda" /><br /></td>
</tr>
<tr>
<td> Agama </td> <td>:</td><td> <select name="agama">
<option>Islam</option>
<option>Katolik</option>
<option>Protestan</option>
<option>Lainnya</option>
</select><br /></td>
</tr>
<tr>
<td> Hobi </td> <td>:</td><td>
<input type="checkbox" name="hobi1" /> Voli
<input type="checkbox" name="hobi2" /> Basket
<input type="checkbox" name="hobi3" /> Membaca
<input type="checkbox" name="hobi4" /> Traveling<br /></td>
</tr>
<tr>
<td> Jenis Kelamin </td> <td>:</td><td> <input type="radio" name="jk" value="pria" /> Pria
<input type="radio" name="jk" value="pria" /> Wanita<br />
</tr>
<tr>
<td> <input type="submit" name="daftar" value="daftar" />
<input type="reset" /></tr>
</form>
</table>
</td>
<td bgcolor="#FF8C00"><b>Sosial Media</b>
<ul>
<li><a href="http:/www.facebook.com" target="_blank">Facebook</a></li>
<li><a href="http://www.instagram.com" target="_blank">Instagram</a></li>
<li><a href="http://okocarono22.blogspot.co.id" target="_blank">Blog Saya</a></li>
</ul>
</td>
<tr>
<td colspan="3" bgcolor="gray" id="footer"> <center> <b>Oko Carono</br>
Prodi Teknik Informatika </br>
Fakultas Teknologi Industri </br>
Universitas Ahmad Dahlah
</b> </center> </td>
</tr>
</table>
</body>
</html>
Setelah ditambahkam CSS :
Tidak ada komentar:
Posting Komentar