LANGKAH 1
<html>
<head>
<title>jaran</title>
</head>
<frameset rows="160,*,110" >
<frame src="1.html" >
<frameset cols="265,*">
<frame src="2.html">
<frame src="table.html">
</frameset>
<frame src="3.html">
</frameset>
</html>
<head>
<title>jaran</title>
</head>
<frameset rows="160,*,110" >
<frame src="1.html" >
<frameset cols="265,*">
<frame src="2.html">
<frame src="table.html">
</frameset>
<frame src="3.html">
</frameset>
</html>
LANGKAH 2
1.html
<html>
<head>
</head>
<body background="1.jpg" width="100" height="100" >
</body>
</html>
<head>
</head>
<body background="1.jpg" width="100" height="100" >
</body>
</html>
LANGKAH 3
2.html
<html>
<head>
</head>
<body background="2.jpg" width="100" >
<table align="center">
<tr>
<td><img src="1.jpg"width="100" height="100"></td>
</tr>
<tr>
<td><img src="3.jpg"width="100" height="100"></td>
</tr>
<tr>
<td><img src="4.jpg"width="100" height="100"></td>
</tr>
</table>
</body>
</html>
<head>
</head>
<body background="2.jpg" width="100" >
<table align="center">
<tr>
<td><img src="1.jpg"width="100" height="100"></td>
</tr>
<tr>
<td><img src="3.jpg"width="100" height="100"></td>
</tr>
<tr>
<td><img src="4.jpg"width="100" height="100"></td>
</tr>
</table>
</body>
</html>
LANGKAH 3
table.html
<html>
<head>
<title align="center">Pemrograman WEB</title>
</head>
<body">
<table width="500"border="3" align="center">
<tr>
<td bgcolor="gold" align="center" colspan="5">Pemrograman WEB</td>
</tr>
<tr>
<td>
<table width="420"border="3" >
<tr><td width="350"height="250" align="center"><img src="xx.jpg" width="350"height="250"></td></tr>
<tr><td width="150"height="75" align="center">comentar</td></tr>
</table>
<td>
<td>
<table width="200"border="3">
<tr>
<td width="200" height="100" align="center" colspan="2"><a href="http://yahoo.com"> yahoo </a> </td>
</tr>
<tr><td width="100" height="50" align="center" ><a href="http://tif.uad.ac.id"> tifuad </a></td>
<td width="100" height="50" align="center" ><a href="http://portal.uad.ac.id"> portal </a> </td></tr>
<td width="100" height="50" align="left" >
<ol>
<li>Home</li>
<li>Contact</li>
<li>About</li>
</ol> </td>
<td width="100" height="50" align="center" ><img src="x.jpg" width="100">mengenai saya</td></tr>
</td>
<tr>
<tr><td width="50" height="50" align="center" colspan="2"><a href="http://google.com"> google </a> </td>
</tr>
</table>
</tr>
<tr>
<td bgcolor="green" align="center" colspan="5">Footer</td>
</tr>
</body>
</html>
<head>
<title align="center">Pemrograman WEB</title>
</head>
<body">
<table width="500"border="3" align="center">
<tr>
<td bgcolor="gold" align="center" colspan="5">Pemrograman WEB</td>
</tr>
<tr>
<td>
<table width="420"border="3" >
<tr><td width="350"height="250" align="center"><img src="xx.jpg" width="350"height="250"></td></tr>
<tr><td width="150"height="75" align="center">comentar</td></tr>
</table>
<td>
<td>
<table width="200"border="3">
<tr>
<td width="200" height="100" align="center" colspan="2"><a href="http://yahoo.com"> yahoo </a> </td>
</tr>
<tr><td width="100" height="50" align="center" ><a href="http://tif.uad.ac.id"> tifuad </a></td>
<td width="100" height="50" align="center" ><a href="http://portal.uad.ac.id"> portal </a> </td></tr>
<td width="100" height="50" align="left" >
<ol>
<li>Home</li>
<li>Contact</li>
<li>About</li>
</ol> </td>
<td width="100" height="50" align="center" ><img src="x.jpg" width="100">mengenai saya</td></tr>
</td>
<tr>
<tr><td width="50" height="50" align="center" colspan="2"><a href="http://google.com"> google </a> </td>
</tr>
</table>
</tr>
<tr>
<td bgcolor="green" align="center" colspan="5">Footer</td>
</tr>
</body>
</html>
LANGKAH 4
3.html
<html>
<head>
</head>
<body background="5.jpg ">
</body>
</html>
<head>
</head>
<body background="5.jpg ">
</body>
</html>