KUIS
<html>
<head>
<title>pertemuan 7</title>
</head>
<body>
<table border="1" width=980px height=500px>
<tr height=100px>
<td>
<table width=100%>
<tr>
<td><img src="logo.jpeg" height=100px></td>
<td align=right><font size="20" align=right><strong>My Online Shop</strong></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=980 height=50>
<tr bgcolor="#8ADFF2" height=40px>
<td>
Home>>>
</td>
<td>
Product>>>
</td>
<td>
Cart>>>
</td>
<td>
Contact US>>>
</td>
</tr>
<tr height=10px colspan="4">
</tr>
</table>
<tr>
<td>
<table border="1" width=980px height=500px>
<tr>
<td width=22% bgcolor="#8ADFF2" valign=top>
<table>
<tr bgcolor="#08089C" style="color:white"><td>Deals of the days</td>
</tr>
<tr><td>sorry but we have no deals today.</td>
</tr>
<tr><td><hr width=200px size=2></td>
<tr bgcolor="#11BA27" style="color:white"><td>New Products</td>
</tr>
<tr><td>sorry but we have no deals today.</td>
</tr>
<tr><td><hr width=200px size=2></td>
</table>
</td>
<td width=60% valign=top><font size="15">Welcome </font>to my online shop </p></br>
We offer you a series of unique products from around the world with affordable prices.</br>
Below we listed our top 10 best seller products.
<table>
<tr>
<td><img src="product.jpg" height=70px></br> produk 01</td>
<td><img src="product.jpg" height=70px></br> produk 02</td>
<td><img src="product.jpg" height=70px></br> produk 03</td>
<td><img src="product.jpg" height=70px></br> produk 04</td>
<td><img src="product.jpg" height=70px></br> produk 05</td>
</tr>
<tr>
<td><img src="product.jpg" height=70px></br> produk 06</td>
<td><img src="product.jpg" height=70px></br> produk 07</td>
<td><img src="product.jpg" height=70px></br> produk 08</td>
<td><img src="product.jpg" height=70px></br> produk 09</td>
<td><img src="product.jpg" height=70px></br> produk 10</td>
</tr>
<tr>
<td colspan="5"></br>For more information contact us</br></td>
</tr>
</table>
<td width=18% bgcolor="#8ADFF2" valign=top>
<table>
<tr>
<td>Also Visit Our Page On</td>
</tr>
<tr>
<td><img src="facebook.jpeg" width=180px height=70px></td>
</tr>
<tr>
<td><img src="twitter.jpeg" width=180px height=70px></td>
</tr>
<tr>
<td><img src="google_plus.jpeg" width=180px height=70px></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" align=center bgcolor="#8DF29A"> copyright @ 2012</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Hasil:
~TERIMAKASIH~
Tidak ada komentar:
Posting Komentar