<html>
<head>
<title>Latihan Table 2 </title>
</head>
<body>
<table width=”75%” border=”1″
cellpadding=”0″>
<tr>
<td align=”center”>1</td>
<td colspan=”2″ align=”center”>2</td>
</tr>
<tr>
<td align=”center”>3</td>
<td align=”center”>4</td>
<td align=”center”>5</td>
</tr>
<tr>
<td colspan=”2″ align=”center”>6</td>
<td align=”center”>7</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<title>Latihan Table 3</title>
</head>
<body>
<table width=”75%” border=”1″>
<tr>
<td colspan=”3″ align=”center”>1</td>
</tr>
<tr>
<td colspan=”2″ align=”center”>2</td>
<td align=”center”>3</td>
</tr>
<tr>
<td align=”center”>4</td>
<td align=”center”>5</td>
<td align=”center”>6</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<title>Latihan Table 4 </title>
</head>
<body>
<table width=”40%” border=”1″ >
<tr>
<td rowspan=”2″ align=”center”>1</td>
<td align=”center”>2</td>
</tr>
<tr>
<td align=”center”>3</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<title>Latihan Table 5 </title>
</head>
<body>
<table width=”40%” border=”1″ >
<tr>
<td align=”center”>1</td>
<td rowspan=”2″ align=”center”>2</td>
</tr>
<tr>
<td align=”center”>3</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Latihan Table 6 </title>
</head>
<body>
<table width=”75%” border=”4″ >
<tr>
<td align=”center”>1</td>
<td colspan=”2″ align=”center”>2</td>
</tr>
<tr>
<td rowspan=”2″ align=”center”>3</td>
<td colspan=”2″ align=”center”>4</td>
</tr>
<tr>
<td align=”center”>5</td>
<td align=”center”>6</td>
</tr>
<tr>
<td rowspan=”2″ align=”center”>7</td>
<td align=”center”>8</td>
<td rowspan=”2″ align=”center”>10</td>
</tr>
<tr>
<td align=”center”>9</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<title>Latihan Form 2</title>
<body>
<form>
<table width=”300″ border=”1″>
<tr>
<td colspan=”2″ align=”center”>YAHOO!MAIL, Get Your Yahoo! ID</td></tr>
<tr>
<td>*First name</td>
<td><input></td></tr>
<tr>
<td>*Last name</td>
<td><input name=”text1″></td></tr>
<tr>
<td width=”150″>*Preferred content:</td>
<td><select>
<option selected>Yahoo!U.S</option></select></td></tr>
<tr>
<td>*Gender:</td>
<td><select>
<option>Male</option>
<option>Female</option></select></td></tr>
<tr>
<td>*Yahoo!ID</td>
<td><input name=”text1″></td></tr>
<tr>
<td colspan=”2″ align=”center”>ID may constan of a-z,0-9,underscore etc</td></tr>
<tr>
<td>*Password:</td>
<td><input name=”pass”></td></tr>
<tr>
<td>*Re-type Password:</td>
<td><input name=”pass2″></td></tr>
<tr>
<td><input value=”SUBMIT”></td>
<td><input value=”RESET”></td></tr>
</table>
</form>
</body>
</html>

<html>
<head>
<title>Latihan Form 2 tutorial </title>
<body>
<table border="1" align="center" width="80%">
<tr>
<td colspan="2" align="center" height="100">
<font size="15">TUTORIAL FORM HTML</font></td></tr>
<tr valign="top">
<td width="100" height="450">
<ol>
<li><a href="home.html">Home</a></li>
<li><a href="profil.html">Profile</a></li></ol></td>
<td>Selamat datang di tutorial HTML:<br>
<ol>
<li><a href="lat_form.html">Form 1</a></li>
<li><a href="lat_form1.html">Form 2</a></li>
<li><a href="lat_form2.html">Form 3</a></li></ol></td>
</tr>
<tr>
<td colspan="2" align="center">
Copyright © wijaya.net
<br>2009</td></tr>
</table>
</body
</html>
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<h2 align="center"><font color="#9966FF">ID SISWA X TKJ 1
Registration</font></h2>
<form action="proses.asp" method="post"
name="form">
<table width="68%" border="0" align="center"
cellpadding="0">
<tr>
<td width="33%">Nama</td>
<td width="3%">:</td>
<td width="64%"><input
type="text"></td>
</tr>
<tr>
<td >Tgl Lahir</td>
<td>:</td>
<td><input
id="txtTgl" size="4" maxlength="2">
/
<input
id="txtBulan" size="4" maxlength="2">
/
<input
id="txtTahun" size="8" maxlength="4"></td>
</tr>
<tr>
<td>Alamat</td>
<td> </td>
<td><textarea cols="40"
rows="2"></textarea></td>
</tr>
<tr>
<td>Kota</td>
<td>:</td>
<td><input
id="txtKota"></td>
</tr>
<tr>
<td>Status</td>
<td>:</td>
<td><select>
<option>Pelajar</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input
value="1" checked>
Laki-Laki
<input
value="2">
Perempuan</td>
</tr>
<tr>
<td>Hobby</td>
<td>:</td>
<td><input
id="cekReading" value="1">
Reading </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
id="cekSport" value="2">
Sport</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
id="cekSing" value="3">
Singing </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
id="cekTravel" value="4">
Traveling</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
id="btnKirim" value="Kirim">
<input
id="btnCancel" value="Cancel"></td>
</tr>
</table>
</form>
</body>
</html>
