纯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>
转载于:https://www.cnblogs.com/Yimi/p/5860378.html