<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站首页</title>
</head>
<body>
<!--第一步:8行1列表格-->
<table border="1" width="1300px" align="center">
<!--第一行-->
<tr>
<td height="58">
<!--嵌入一行三列的表格-->
<table border="1" width="100%" height="100%">
<tr>
<td width="40%">
<img src="../img/logo.png">
</td>
<td width="40%">
<img src="../img/header.png">
</td>
<td>
<a href="#"><font color="blue"> 登录 </font></a>
<a href="#"><font color="blue"> 注册 </font></a>
<a href="#"><font color="blue"> 购物车 </font></a>
</td>
</tr>
</table>
</td>
</tr>
<!--第二行-->
<tr height="50">
<td bgcolor="black">
<a href="#"><font color="grey" size="4"> 首页 </font></a>
<a href="#"><font color="white" size="3"> 手机数码 </font></a>
<a href="#"><font color="grey" size="3"> 电脑办公 </font></a>
<a href="#"><font color="grey" size="3"> 电脑办公 </font></a>
<a href="#"><font color="grey" size="3"> 电脑办公 </font></a>
</td>
</tr>
<!--第三行-->
<tr>
<td>
<img src="../img/1.jpg" width="100%">
</td>
</tr>
<!--第四行-->
<tr>
<td height="525px">
<!--嵌入3行七列表格-->
<table border="1" width="100%" height="100%">
<tr height="50">
<td colspan="7">
<font size="6"> 最新商品 </font>
<img src="../img/title2.jpg">
</td>
</tr>
<tr align="center">
<td rowspan="2" width="220px">
<a href="#"><img src="../img/big01.jpg"></a>
</td>
<td colspan="3" width="540" height="236">
<a href="#"><img src="../img/middle01.jpg"></a>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
</tr>
<tr align="center">
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
</tr>
</table>
</td>
</tr>
<!--第五行-->
<tr>
<td>
<img src="../img/ad.jpg" width="100%">
</td>
</tr>
<!--第六行-->
<tr>
<td height="525px">
<!--嵌入3行七列表格-->
<table border="1" width="100%" height="100%">
<tr height="50">
<td colspan="7">
<font size="6"> 热门商品 </font>
<img src="../img/title2.jpg">
</td>
</tr>
<tr align="center">
<td rowspan="2" width="220px">
<a href="#"><img src="../img/big01.jpg"></a>
</td>
<td colspan="3" width="540" height="236">
<a href="#"><img src="../img/middle01.jpg"></a>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
</tr>
<tr align="center">
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
<td width="180">
<img src="../img/small03.jpg"><br>
<font size="2">电炒锅</font><br><br>
<font size="2" color="red">¥299</font>
</td>
</tr>
</table>
</td>
</tr>
<!--第七行-->
<tr>
<td>
<img src="../img/footer.jpg">
</td>
</tr>
<!--第八行-->
<tr align="center">
<td>
<p>
<a href="#"><font size="2" color="blue">关于我们</font></a>
<a href="#"><font size="2" color="blue">联系我们</font></a>
<a href="#"><font size="2" color="blue">招贤纳士</font></a>
<a href="#"><font size="2" color="blue">法律声明</font></a>
<a href="#"><font size="2" color="blue">友情链接</font></a>
<a href="#"><font size="2" color="blue">支付方式</font></a>
<a href="#"><font size="2" color="blue">配送方式</font></a>
<a href="#"><font size="2" color="blue">服务声明</font></a>
<a href="#"><font size="2" color="blue">广告声明</font></a>
</p>
<p>
<font size="2">Copyright © 2009-2017 极客商城 版权所有 </font>
</p>
</td>
</tr>
</table>
</body>
</html>
|