纯html的网页 采用table分割板块进行布局
<!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=gbk" />
<title>登录QQ邮箱</title>
</head>
<body>
<table width="100%" border="0" background="q.jpg">
<tr height="133px"><td> </td><td> </td></tr>
<tr><td width="802px" height="387px"> </td>
<td>
<table border="0">
<tr><td align="center" height="40px" width="283px"><input type="text" style="width:260px; height:34px;" name="username"/></td></tr>
<tr><td align="center" height="40px"><input type="password" style="width:260px; height:34px;"name="pswd"/></td></tr>
<tr><td height="50px"> <input type="checkbox" name="auto">下次自动登录</td></tr>
<tr><td align="center" ><input type="submit" value="登录" style="width:260px; height:34px;background:#5998dd;color:black;" onclick="window.location.href='https://mail.qq.com/cgi-bin/loginpage';"></td></tr>
</table>
<p> </p>
<a href="https://aq.qq.com/cn2/findpsw/pc/pc_find_pwd_input_account" target="_blank" style="font-size:13px;">忘了密码?</a>|
<a href="https://ssl.zc.qq.com/chs/index.html?type=1" target="_blank" style="font-size:13px;">注册新账号</a>|
<a href="http://support.qq.com/discuss/350_1.shtml" target="_blank" style="font-size:13px;">意见反馈</a>
</td>
</tr>
<tr height="114px"><td> </td><td> </td></tr>
</table>
</body>
</html>