<html>
<head>
<title>Form Pendaftaran</title>
<style type="text/css" rel="stylesheet">
#menu{background-color:#abc}
#form{background-color:gray; padding:30}
#footer{background-color:lightblue; height:50; color:red }
</style>
</head>
<body>
<table border="1px">
<tr>
<td colspan="2">
<img src="tif.jpg" width="1280" height="140"></img>
</td>
</tr>
<tr>
<td width="200" id="menu">
<ul>
<li> <a href="#">Pendaftaran</a></li>
<li><a href="#">Main</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Foto</a></li>
</ul>
</td>
<td id="form" align="center">
<form action="#" method="post">
<table>
<tr>
<td>Nama</td>
<td> : </td>
<td><input type="text" name="nama" size="18" /></td>
</tr>
<tr>
<td>TTL</td>
<td> : </td>
<td><input type="text" name="ttl" size="18" /></td>
</tr>
<tr>
<td>Alamat</td>
<td> : </td>
<td><textarea name="alamat" rows="5"></textarea></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td> : </td>
<td><input type="radio" name="jeniskelamin"/> Pria <input type="radio" name="jeniskelamin"/> Wanita</td>
</tr>
<tr>
<td>Agama</td>
<td> : </td>
<td> <select name="agama">
<option>Islam</option>
<option>Khatolik</option>
<option>Protestan</option>
<option>Hindu</option>
<option>Budha</option>
<option>Kong Hu Chu</option>
</select></td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td colspan="2" id="footer" align="center">
<marquee>Kurniawansukimin</marquee>
</td>
</tr>
</table>
</body>
</html>
Outputnya sebagai berikut :
<head>
<title>Form Pendaftaran</title>
<style type="text/css" rel="stylesheet">
#menu{background-color:#abc}
#form{background-color:gray; padding:30}
#footer{background-color:lightblue; height:50; color:red }
</style>
</head>
<body>
<table border="1px">
<tr>
<td colspan="2">
<img src="tif.jpg" width="1280" height="140"></img>
</td>
</tr>
<tr>
<td width="200" id="menu">
<ul>
<li> <a href="#">Pendaftaran</a></li>
<li><a href="#">Main</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Foto</a></li>
</ul>
</td>
<td id="form" align="center">
<form action="#" method="post">
<table>
<tr>
<td>Nama</td>
<td> : </td>
<td><input type="text" name="nama" size="18" /></td>
</tr>
<tr>
<td>TTL</td>
<td> : </td>
<td><input type="text" name="ttl" size="18" /></td>
</tr>
<tr>
<td>Alamat</td>
<td> : </td>
<td><textarea name="alamat" rows="5"></textarea></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td> : </td>
<td><input type="radio" name="jeniskelamin"/> Pria <input type="radio" name="jeniskelamin"/> Wanita</td>
</tr>
<tr>
<td>Agama</td>
<td> : </td>
<td> <select name="agama">
<option>Islam</option>
<option>Khatolik</option>
<option>Protestan</option>
<option>Hindu</option>
<option>Budha</option>
<option>Kong Hu Chu</option>
</select></td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td colspan="2" id="footer" align="center">
<marquee>Kurniawansukimin</marquee>
</td>
</tr>
</table>
</body>
</html>
Outputnya sebagai berikut :















