<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test页面</title>
</head>
<!-- html5 最大的特点标签既有语义化 单边标记不需要关闭-->
<body bgcolor="aliceblue">
<br />
<p align="center"><img src="data:images/logo_big.png" /></p>
<!-- 采用纯html代码 表格里面套表格的做法 繁琐复杂 一行两列 列里套表格-->
<table action="#" method="post" width="700" height="500" align="center" bgcolor="white" cellspacing="0" cellpadding="0" >
<tr>
<td>
<table height="450" cellspacing="0" cellpadding="0" align="center">
<tr>
<th colspan="2"><font size="5">个人注册 | <font color="yellow" size="5"><u><b>官方注册</b></u></font></font></th>
</tr>
<tr>
<td colspan="2"><font size="2">什么官方注册之类的,企业,<font color="blue">网站</font><font color="red">信息化账号</font>等等<br/>等等等等等等<font color="blue">等等等等等等等</font></font></td>
</tr>
<tr>
<td width="120" align="right"><img src="data:images/email_logo.png" /><font color="red">*</font>邮箱:</td>
<td><input type="email" name="email" value="" placeholder="使用邮箱登录"/><img src="data:images/error.png" /><font color="red">请输入常用邮箱</font><br><font size="2" color="red">或使用手机注册</font></td>
</tr>
<tr>
<td align="right"><font color="red" >*</font>设置密码:</td>
<td><input type="password" name="password" value=""/><img src="data:images/error.png" /><font color="red">请输入密码</font></td>
</tr>
<tr>
<td align="right"><font color="red" >*</font>官方注册微博:</td>
<td><input type="text" name="" value="" placeholder="请参考组织企业" /><img src="data:images/error.png" /><font color="red">请输入昵称</font></td>
</tr>
<tr>
<td align="right"><font color="red" align="right">*</font>所在地:</td>
<td>
<select>
<option value="">广东</option>
</select>
<select>
<option value="">广州</option>
</select>
</td>
</tr>
<tr>
<td align="right"><font color="red">*</font>验证码:</td>
<td><input type="text" name="" value=""/><font color="aquamarine" size="5" face="微软雅黑"> love</font> <font color="blue"><a href="#">换一换</a></font></td>
<br></tr>
<tr align="center">
<td colspan="2"> <img src="data:images/btn_reg.png" /> </td>
</tr>
<tr>
<td></td>
<td><font color="blue" size="2">
请认真审查个人信息<br>
微博服务协议<br>
全国人大常务委员会关于加强网络监督保护的决定</font>
</td>
</tr>
</table>
</td>
<td><img src="data:images/line.png"/></td>
<td>
<table height="350">
<tr>
<td>已有账号,<font color="blue">直接登录</font>><br/><hr/></td>
</tr>
<tr>
<td>微博注册帮助</td>
</tr>
<tr>
<td><img src="data:images/1.png"/><font color="blue">微博注册帮助</font></td>
</tr>
<tr>
<td><img src="data:images/2.png"/><font color="blue">微博注册帮助</font></td>
</tr>
<tr>
<td><img src="data:images/3.png"/><font color="blue">微博注册帮助</font></td>
</tr>
<tr>
<td><img src="data:images/4.png"/><font color="blue">微博注册帮助</font></td>
</tr>
<tr>
<td><font color="blue"> 更多帮助>></font></td>
</tr>
</table>
</td>
</tr>
</table>
<p align="center"><img src="data:images/weibo.png" height="15"/> <font color="lightslategray" size="3">广州传智播客黑马程序员 地址:广州市天河区吉山幼儿园津安创意园不知道多少号</font> </p>
</body>
</html>
