版权声明：王迪 https://blog.csdn.net/dnruanjian/article/details/83790456
知识点：html文档基本结构、table标签布局、表单标签的使用、img标签、a标签、p标签等常见标签的使用。
制作网页效果：
网页制作思路：
1、将整个网页分成4部分：3个表格+底部段落文字（3个表格设置同样的宽度，水平居中，边框为0等属性）
2、表格1：一个1行2列的表格，左边单元格放logo图，右边单元格放“帮助”
3、表格2：一个1行1列的表格，单元格里放图片
4、表格3：一个1行1列的表格，在该单元格中创建一个表单，然后在表单中创建一个8行1列的表格。
5、使用p标签，制作底部版权文字
制作建议：先在草稿纸上画好表格，设置好内容分配，然后再写HTML文档。
<!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>
<table width="962px" border="0" align="center" cellpadding="0" cellspacing="0"><!--创建一个1行2列的表格，用来放logo-->
<tr>
<td><img src="images/logo.gif" /></td>
<td align="right">帮助</td>
</tr>
</table><!--表格1结束-->
<br />
<table width="962px" border="0" align="center" cellpadding="0" cellspacing="0"><!--创建一个1行1列的表格，用来放欢迎图片-->
<tr>
<td><img src="images/title.jpg" /></td>
</tr>
</table><!--表格2结束-->
<table width="962px" border="1px" align="center" cellpadding="40px" cellspacing="0"><!--创建一个1行1列的表格，用来放表单信息-->
<tr>
<td>
<form name="form1" action="" method="post">
<table width="100%" border="0" cellspacing="0" cellpadding="8"><!--在表单中创建一个8行1列的表格-->
<tr>
<td bgcolor="#CCCCCC">创建您的账号</td>
</tr><!--第一行结束-->
<tr><!--第二行开始-->
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="8"><!--在第二行的单元格中，创建一个3行2列的表格-->
<tr>
<td align="right" width="200px">用户名：</td>
<td><input type="text" name="userName" /></td>
</tr>
<tr>
<td align="right">密码：</td>
<td><input type="password" name="userPwd" /></td>
</tr>
<tr>
<td align="right">再次输入密码：</td>
<td><input type="password" name="rePwd" /></td>
</tr>
</table>
</td>
</tr><!--第二行结束-->
<tr>
<td bgcolor="#CCCCCC">安全信息设置（以下信息非常重要，请谨慎填写）</td>
</tr><!--第三行结束-->
<tr><!--第四行开始-->
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="8"><!--在第四行的单元格里，创建一个5行2列的表格，用来存放账号信息-->
<tr>
<td align="right" width="200px">密码保护问题：</td>
<td>
<select>
<option>请选择密码提示问题</option>
<option>我的出生地是</option>
<option>我的母校是</option>
</select>
</td>
</tr>
<tr>
<td align="right">密码保护问题答案：</td>
<td><input type="text" name="anser"/></td>
</tr>
<tr>
<td align="right">性别：</td>
<td><input type="radio" name="gender" value="男"/>男 <input type="radio" name="gender" value="女"/>女</td>
</tr>
<tr>
<td align="right">出生日期：</td>
<td>
<select name="year">
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<select name="data">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>日
</td>
</tr>
<tr>
<td align="right">手机号码：</td>
<td><input type="text" name="phone" /></td>
</tr>
</table>
</td>
</tr><!--第四行结束-->
<tr>
<td bgcolor="#CCCCCC">注册验证</td>
</tr><!--第五行结束-->
<tr>
<td><!--在第六行的单元格中，插入一个2行2列的表格-->
<table width="100%" border="0" cellspacing="0" cellpadding="8">
<tr>
<td align="right" width="200px"> </td>
<td><img src="images/verycode.gif" /><a href="#">看不清楚，换一张</a></td>
</tr>
<tr>
<td align="right">请输入上面的字符：</td>
<td><input type="text" name="yzm" /></td>
</tr>
</table>
</td>
</tr><!--第六行结束-->
<tr>
<td bgcolor="#CCCCCC">服务条款</td>
</tr><!--第七行结束-->
<tr>
<td><!--在第八行的单元格里，创建一个2行2列的表格-->
<table width="100%" border="0" cellspacing="0" cellpadding="8">
<tr>
<td align="right" width="200px"> </td>
<td><input type="checkbox" name="ty" /> 我已阅读并接受<a href="#">"服务条款"</a>和<a href="#">"隐私权保护和个人信息利用政策"</a></td>
</tr>
<tr>
<td> </td>
<td><input type="image" src="images/button.gif" /></td>
</tr>
</table>
</td>
</tr><!--第八行结束-->
</table>
</form>
</td>
</tr>
</table><!--表格3结束-->
<center><p>关于网易 邮箱官方博客 财富邮 精美贺卡 举报违法信息 客户服务<br />
隐私政策 | 网易公司版权所有 © 1997-2011</p></center>
</body>
</html>