-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>网页首页</title>
-
</head>
-
<body>
-
<table border="1" width="100%">
-
<!--loge
-
一行三列的表格-->
-
<tr>
-
<td>
-
<table width="100%">
-
<tr>
-
<td>
-
<img src="../img/" height="40px" />
-
</td>
-
<td align="center">
-
<img src="../img/" />
-
</td>
-
<td align="right">
-
<a href="#">登录</a>
-
<a href="#">注册</a>
-
<a href="#">购物车</a>
-
</tr>
-
</table>
-
</td>
-
</tr>
-
<!--菜单
-
一行一列的表格-->
-
<tr>
-
<td bgcolor="black" height="40px">
-
<a href="#"><font color="white" size="4">首页</font></a>
-
<a href="#"><font color="white" size="4">首页</font></a>
-
<a href="#"><font color="white" size="4">首页</font></a>
-
<a href="#"><font color="white" size="4">首页</font></a>
-
</td>
-
</tr>
-
<!-- 轮播图片 -->
-
<tr>
-
<td>
-
<img src="../img/" width="100%" />
-
</td>
-
</tr>
-
<!-- 热门商品
-
-
嵌套两行7列的表格 -->
-
<tr>
-
<td>
-
<font size="6" face="微软雅黑">热门商品</font>
-
<img src="../img/" />
-
<table width="100%">
-
<tr>
-
<td rowspan="2">
-
<img src="../img/" />
-
</td>
-
<td colspan="3">
-
<img src="../img/" />
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
</tr>
-
<tr>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
</tr>
-
-
</table>
-
</td>
-
</tr>
-
<!--广告-->
-
<tr>
-
<td>
-
<img src="../img/" width="100%" />
-
</td>
-
</tr>
-
<!-- 最新商品
-
-
嵌套两行7列的表格 -->
-
<tr>
-
<td>
-
<font size="6" face="微软雅黑">最新商品</font>
-
<img src="../img/" />
-
<table width="100%">
-
<tr>
-
<td rowspan="2">
-
<img src="../img/" />
-
</td>
-
<td colspan="3">
-
<img src="../img/" />
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
</tr>
-
<tr>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
<td>
-
<img src="../img/" />
-
<p align="center"><a href="#">电饭煲</a></p>
-
<p align="center">200</p>
-
</td>
-
</tr>
-
-
</table>
-
</td>
-
</tr>
-
<!--图片-->
-
<tr>
-
<td>
-
<img src="../img/" width="100%" />
-
</td>
-
</tr>
-
<!--版权信息root
-
两个段落
-
-->
-
<tr>
-
<td>
-
<p align="center">
-
<a href="#">关于我们</a>
-
<a href="#">关于我们</a>
-
<a href="#">关于我们</a>
-
<a href="#">关于我们</a>
-
<a href="#">关于我们</a>
-
</p>
-
<p align="center">Copyright © 2005-1017传智商场 版权指南</p>
-
</td>
-
</tr>
-
</table>
-
</body>
-
</html>
