这次作业是做一个复杂点的网站,大同小异,大概是这样式的:
话不多说上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body align="center">
<table align="center" border="0">
<tr>
<td width="963">
<img src="img/logo.gif" align="left" >
<p style="float: right;">帮助</p>
</td>
</tr>
<tr>
<table align="center" border="1" cellspacing="" cellpadding=""><!大表格套小表格 >
<tr>
<td>
<img src="img/title.jpg" >
</td>
</tr>
<tr>
<td>
<!大表格套小表格 >
<table border="0" cellspacing="20" cellpadding="" width="900">
<tr style="background-color: aliceblue; ">
<td colspan="2">
<b style="float: left;">创建您的账号</b>
</td>
</tr>
<tr>
<td style="float: right;">用户名:</td>
<td align="left">
<input type="" name="" id="" value="" />
</td>
</tr>
<tr>
<td style="float: right;">密码:</td>
<td align="left"> <input type="" src="" /></td>
</tr>
<tr>
<td style="float: right;">再次输入密码:</td>
<td align="left"> <input type="" src="" /></td>
</tr>
<tr style="background-color: aliceblue; ">
<td colspan="2" align="left">
<b >安全信息设置</b>(以下信息非常重要,请谨慎填写)
</td>
</tr>
<tr>
<td style="float: right;">密码保护问题:</td>
<td align="left">
<select name="密码保护问题">
<option >请选择密码提示问问题</option>
<option >问题1</option>
<option >问题2</option>
</td>
</tr>
<tr>
<td style="float: right;">密码保护问题答案:</td>
<td align="left"> <input type="" src="" /></td>
</tr>
<tr>
<td style="float: right;">性别:</td>
<td align="left">
<input type="radio"/>男<input type="radio"/>女
</td>
</tr>
<tr>
<td style="float: right;">出生日期:</td>
<td align="left">
<select >
<option>1980</option>
<option>1981</option>
<option>1981</option>
<option>1983</option>
</select>
年
<select name="年">
<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>
月
<select name="月">
<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>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>日
</td>
</tr>
<tr>
<td style="float: right;">手机号:</td>
<td align="left">
<input type="" name="" id="" value="" />
</td>
</tr>
<tr style="background-color: aliceblue; ">
<td colspan="2">
<b style="float: left;">注册验证</b>
</td>
</tr>
<tr >
<td></td>
<td colspan="2" align="left"><img src="img/verycode.gif"/>
<a href="/index.html">看不清,换一张</a>
</td>
<tr>
<td style="float: right;">请输入上面的字符:</td>
<td align="left">
<input type="" name="" id="" value="" />
</td>
</tr>
<tr style="background-color: aliceblue; ">
<td colspan="2">
<b style="float: left;">服务条款 </b>
</td>
</tr>
<tr>
<td style="float: right;">性别:</td>
<td align="left">
<input type="radio"/>我已阅读并接受
<a href="index.html">“服务条款”</a>和
<a href="index.html">“隐私权保护和个人信息利用政策”</a>
</td>
</tr>
<tr>
<td></td>
<td style="float: left;"><img src="img/button.gif" ></td>
</tr>
<td/><tr/><!最内层表格结束>
</table>
</td>
</tr>
</table>
</tr>
</table>
</body>
</html>