Jumat, 05 April 2013

Layout Frame dan Table

1. Layout Frame


Source Code:

<html>
<head>
<title> Pemrograman WEB </title></head>
<body>
<table width="700"border="0">
</body>
<tr>
<td bgcolor="blue" align="center" colspan="3">
<h1>09018231</h1>
</td>
</tr>
<tr valign="top">
<td bgcolor="violet" align="center" width="150"border="0" ><strong>MENU</strong>
<ul>
<li>  Home  </li>
<li>  Profile  </li>
<li>  Contact </li>
<li>  About  </li>
</ul>

</td>
<td bgcolor="green" align="center">artikel-artikel berita </td>
<td bgcolor="orange" align="center" width="70"border="0" >Archive</td>
</td>
<tr>
<td bgcolor="brown" align="center"colspan="3">Footer</tr>
</body>
</table>
</body>
</html>



2. Layout Table

Source Code:

<html>
<head
<title>Pemrograman WEB</title>
</head>
<body>
<table width="500"border="3" align="center">
<tr>
<td bgcolor="red" align="center" colspan="3">09018231</td>
</tr>
<tr>
<td bgcolor="green">
<ul>
<li> <a href="http://portal.uad.ac.id"> portal </a> </li>
<li> <a href="http://yahoo.com"> yahoo </a> </li>
<li> <a href="http://google.com"> google </a> </li>
<li> <a href="http://tif.uad.ac.id"> nutif </a> </li>
</ul>
</td>
<td>
<table width="400"border="3">
<tr><td><img src="web.jpg" width="100"></td>
<td><img src="web.jpg" width="100"></td></tr>
<tr><td><img src="web.jpg" width="100"></td>
<td><img src="web.jpg" width="100"></td></tr>
<tr><td><img src="web.jpg" width="100"></td>
<td><img src="web.jpg" width="100"></td></tr>
</td>
</table>
<td bgcolor="violet">Menu</td>
</tr>
<tr>
<td bgcolor="orange" align="center" colspan="3">Footer</td>
</tr>
</body>
</html>

Reaksi:

0 komentar:

Posting Komentar