1.Membuat web sederhana dengan layout table :
<html>
<head>
<title>IRHAS</title>
</head>
<body>
<table border="5"align="center" cellspacing="3">
<tr>
<td style="background-color:red"colspan="2"><center> <li><a href="file:///C:/Users/user/Documents/HTML/web.html"> BERANDA </a></li></center> </td>
<td style="background-color:red"colspan="4"> <center> Kunjungi :</center> </td>
</tr>
<tr>
<td style="background-color:red"colspan="2" width="500" height="220"><center>isi............<center></td>
<td style="background-color:red"colspan="4" width="150" height="110">
<ul>
<li><a href="http://twitter.com/ir_h4z/"> Follow Me </a></li>
<li><a href="http://www.google.com/"> Google Search </a></li>
<li><a href="http://www.yahoo.com/"> Yahoo search </a></li>
<li><a href="http://www.uad.ac.id/"> Web UAD </a></li>
</ul>
</td>
</tr>
<tr>
<td style="background-color:red"colspan="2"><center><li><a href="http://ranggakala.blogspot.com/"> Ke blog saya </a></li><center></td>
<td style="background-color:red"colspan="5"><center><li><a href="http://www.realmadrid.com/cs/Satellite/en/Prehome_ES2.htm"> Real Madrid </a><center></td>
</tr>
</table>
</body>
</html>
<head>
<title>IRHAS</title>
</head>
<body>
<table border="5"align="center" cellspacing="3">
<tr>
<td style="background-color:red"colspan="2"><center> <li><a href="file:///C:/Users/user/Documents/HTML/web.html"> BERANDA </a></li></center> </td>
<td style="background-color:red"colspan="4"> <center> Kunjungi :</center> </td>
</tr>
<tr>
<td style="background-color:red"colspan="2" width="500" height="220"><center>isi............<center></td>
<td style="background-color:red"colspan="4" width="150" height="110">
<ul>
<li><a href="http://twitter.com/ir_h4z/"> Follow Me </a></li>
<li><a href="http://www.google.com/"> Google Search </a></li>
<li><a href="http://www.yahoo.com/"> Yahoo search </a></li>
<li><a href="http://www.uad.ac.id/"> Web UAD </a></li>
</ul>
</td>
</tr>
<tr>
<td style="background-color:red"colspan="2"><center><li><a href="http://ranggakala.blogspot.com/"> Ke blog saya </a></li><center></td>
<td style="background-color:red"colspan="5"><center><li><a href="http://www.realmadrid.com/cs/Satellite/en/Prehome_ES2.htm"> Real Madrid </a><center></td>
</tr>
</table>
</body>
</html>
Dengan hasil tampilan seperti gambar berikut :
2.Membuat website sederhana dengan layout frame :
<html>
<head>
<title>IRHAS WEB</title>
</head>
<body>
<table border="7" align="center" cellspacing="5" width="600">
<tr>
<td style="background-color:red;"colspan="3">
<h1><center> I R H A Z </center></h1>
<li><center><a href="file:///C:/Users/user/Documents/HTML/asdas.html">HOME</center></li>
</td>
</tr>
<tr>
<td style="background-color:red" align="left" width="100" height="60">
<ul>
<li><a href="http://www.google.com/"> Google </a></li>
<li><a href="http://www.yahoo.com/"> Yahoo</a></li>
<li><a href="http://uad.ac.id">UAD</a></li>
</ul>
</td>
<td>
<table border="6" >
<tr>
<td style="background-color:red"co1span="2" width="500" height="110"><center>1</center></td>
<td style="background-color:red"co1span="2" width="500" height="110"><center>2</center></td>
<td style="background-color:red"co1span="2" width="500" height="110"><center>3</center></td>
</tr>
<tr>
<td style="background-color:red"co1span="2" width="500" height="110"><center>4</center></td>
<td style="background-color:red"co1span="2" width="500" height="110"><center>5</center></td>
<td style="background-color:red"co1span="2" width="500" height="110"><center>6</center></td>
</tr>
</table>
</td>
<td style="background-color:red"width="100" height="60">
<li><a href="http://ranggakala.blogspot.com/">My blog</a></li>
<li><a href="http://twitter.com/ir_h4z/">Follow me</a></li>
<li><a href="http://realmadrid.com/">Real madrid</a></li>
</td>
</tr>
<tr>
<td style="background-color:red;"colspan="3" >
<h3><center>Thank You</center></h3>
</td>
</tr>
</table>
</body>
</html>
Dengan hasil tampilan seperti gambar berikut :
Terima kasih :)
