Berikut saya berikan Codingnya , jangan mabok ya ^^
<html>
<head>
<title>Kuis 2</title>
<style>
.ijo
{
background-color: #8DF29A;
}
</style>
</head>
<body>
<h1 align="right"><img align="left" width= 90 src="logo.jpeg">My Online Shop</h1>
<table width=100% colspan="4" >
<tr style="background-color: #8ADFF2">
<td align="center" width=25%>Home>> </td>
<td align="center" width=25%>Product>> </td>
<td align="center" width=25%>Cart>> </td>
<td align="center" width=25%>Contact Us>> </td>
</tr>
<table>
<tr >
<td valign=top width=200 style="background-color: #E6F9FC">
<table width=200 rowspan="2">
<tr style="background-color: #08089C"><td height=30 style="color: #FFFFFF">Deals of The Day</td></tr>
<tr><td><br />Sorry but we have no deals today<br /><hr /></td></tr>
<tr style="background-color: #11BA27"><td height=30 style="color: #FFFFFF">New Products</td></tr>
<tr><td><br />Sorry but we have no products<hr /><br /></td></tr>
</td>
</table>
<td valign=top width=550 height=10%>
<table width=500>
<tr><td width=250>WELCOME to my online shop</td></tr>
<tr><td width=60>We offer you a series of unique products from around the
world with affordable prices. Below we listed our top 10 best seller products.</td></tr>
<td valign=top>
<table colspan="5" rowspan="2" width=50% height=50%>
<tr>
<td width=60 align="center"><img width=90 src="product.jpg">Product 1</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 2</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 3</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 4</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 5</td>
</tr>
<tr>
<td width=60 align="center"><img width=90 src="product.jpg">Product 6</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 7</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 8</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 9</td>
<td width=60 align="center"><img width=90 src="product.jpg">Product 10</td>
</tr>
</table>
</td>
<tr><td width=250><br /><br />For more information, please Contact Us</td></tr>
</td>
</table>
<td valign=top width=250 style="background-color: #E6F9FC">
<table align = "center" width=100% rowspan="4">
<tr><td height=50>Also visit our pages on</td></tr>
<tr><td><img width=150 src="facebook.jpeg"></td></tr>
<tr><td><img width=150 src="twitter.jpeg"></td></tr>
<tr><td><img width=150 src="google_plus.jpeg"></td></tr>
</td>
</table>
</tr>
</table>
<tr>
<br /><br />
<center>
<div class="ijo">
<td>
Copyright 2012
</td>
</center>
</div>
</tr>
</table>
</body>
</html>
Jika ada yang ingin ditanyakan, silakan komentar, terima kasih :)
Tidak ada komentar:
Posting Komentar