分析
中间注册部分为三个table嵌套,最中间的table是10行2列
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table>
<!--第一部分-->
<tr>
<td>
<table width="100%" >
<tr>
<td>
<img src="../img/logo2.png"/>
</td>
<td>
<img src="../img/header.jpg" />
</td>
<td width="300px">
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">购物车</a>
</td>
</tr>
</table>
</td>
</tr>
<!--第二部分-->
<tr bgcolor="black">
<td width="100%">
<a href="#"><font color="white">首页</font></a>
<a href="#"><font color="white">鞋子</font></a>
<a href="#"><font color="white">电脑</font></a>
<a href="#"><font color="white">背包</font></a>
</td>
</tr>
<!--第三部分-->
<tr>
<td background="../image/regist_bg.jpg" height="500px">
<table border="5px" width="60%" height="80%" bgcolor="white" align="center">
<tr>
<td>
<table width="60%" height="80%" align="center">
<tr>
<td colspan="2"><font color="blue" size="5">会员注册</font> USER REGISTER</td>
</tr>
<tr>
<td>用户名:</td>
<td>
<input type="text" placeholder="请输入用户名" />
</td>
</tr>
<tr>
<td>密 码:</td>
<td>
<input type="password" placeholder="请输入密码" />
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="password" placeholder="请再次输入密码" />
</td>
</tr>
<tr>
<td>E-MAILS</td>
<td>
<input type="email" placeholder="请输入邮箱" />
</td>
</tr>
<tr>
<td>姓名:</td>
<td>
<input type="text" placeholder="请输入姓名" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex"/> 男
<input type="radio" name="sex"/> 女
</td>
</tr>
<tr>
<td>出生日期:</td>
<td>
<input type="date" />
</td>
</tr>
<tr>
<td>验证码:</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="注册"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--第4部分-->
<tr>
<td>
<img src="../img/footer.jpg" width="100%"/>
</td>
</tr>
<!--第5部分-->
<tr>
<td align="center">
<a href="#">关于我们</a>
<a href="#">联系我们</a>
<a href="#">招贤纳士</a>
<a href="#">法律声明</a>
<a href="#">友情链接</a>
<a href="#">支付方式</a>
<a href="#">配送方式</a>
<a href="#">服务声明</a>
<a href="#">广告声明</a>
<br />
Copyright © 2005-2016 传智商城 版权所有
</td>
</tr>
</body>
</html>