<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网上书城</title>
</head>
<body>
<div id="top">
<table bgcolor="#faebd7" width="100%">
<tr>
<td align="left">[外链图片转存失败(img-nJGLorik-1562240043365)(https://mp.csdn.net/logo.png)]</td>
<td align="center" valign="center"><h4>你好,欢迎访问网上书城!</h4></td>
<td align="right">[外链图片转存失败(img-mepd4ngS-1562240043366)(https://mp.csdn.net/cart.gif)] <a>购物车</a>|<a>帮助中心</a>|<a>加入收藏</a>|<a>设为首页</a>|
<input type="button" value="登录"/>
|
<input type="button" value="注册"/></td>
</tr>
</table>
</div>
<div id="menu">
<table width="100%"bgcolor="#00CC33">
<tr>
<td><a><font color="#FFFFFF">文化</font></a></td>
<td><a><font color="#FFFFFF">生活</font></a></td>
<td><a><font color="#FFFFFF">计算机</font></a></td>
<td><a><font color="#FFFFFF">外语</font></a></td>
<td><a><font color="#FFFFFF">学术</font></a></td>
<td><a><font color="#FFFFFF">社科</font></a></td>
<td><a><font color="#FFFFFF">少儿</font></a></td>
<td><a><font color="#FFFFFF">艺术</font></a></td>
<td><a><font color="#FFFFFF">考试</font></a></td>
<td><a><font color="#FFFFFF">全部商品目录</font></a></td>
<td align="right">search
<input type="text">
<input type="button" value = "搜索"></td>
</tr>
</table>
</div>
<form name="regist" method="post" action="">
<table width ="100%" >
<tr width="100%">
<td bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td align="left" bgcolor="#99CC33"><font color="#FFFFFF">
<h3> 注册 </h3>
</font></td>
</tr>
<tr>
<td align="center" ><p> 姓名:
<input type="text" placeholder="请输入你的名字"/>
</p></td>
</tr>
<tr>
<td align="center"><p> 登录名:
<input type="text" placeholder="可包含数字、字母"/>
</p></td>
</tr>
<tr>
<td align="center" ><p> 密码:
<input type="password" placeholder="至少包含6个字符"/>
</p></td>
</tr>
<tr>
<td align="center" ><p>确认密码:
<input type="password" placeholder="再次输入密码确认"/>
</p></td>
</tr>
<tr>
<td align="center" ><p>电子邮箱:
<input type="text" placeholder="必须包含@字符"/>
</p></td>
</tr>
<tr>
<td align="center"><p>性别:
<input type="radio" name="sex"/>
男
<input type="radio" name="sex"/>
女 </p></td>
</tr>
<tr>
<td align="center"><p> 爱好:
<input type="checkbox"name="hobby"/>
运动
<input type="checkbox"name="hobby"/>
聊天
<input type="checkbox"name="hobby"/>
玩游戏 </p></td>
</tr>
<tr>
<td align="center"><p> 出生日期:
<input type="text" size="2" maxlength="4" value="19" />
年
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
月
<input type="text" size="2" maxlength="2" />
日 </p></td>
</tr>
<tr>
<td align="center"><p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</p></td>
</tr>
</table>
</form>
<div id="foot">
<table bgcolor="#faebd7" width="100%">
<p>
<tr>
<td rowspan="2" width="50%" algin="center">[外链图片转存失败(img-vNcSQOjf-1562240043368)(https://mp.csdn.net/logo.png)]</td>
<td>CONNECT US</td>
</tr>
<tr>
<td> copyright 2019 @ bookstore All Rights RESERVE </td>
</tr>
</p>
</table>
</div>
</body>
</html>
页面效果