题目
训练要求
使用表格布局排版
制作网页邮箱登录页面
代码
<body>
<table width="800" height="85" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="left"><img src="图片素材/163logo.gif" width="131" height="59" alt="中文邮箱第一品牌"></td>
<td align="right">免费邮 企业邮 VIP邮箱 帮助 </td>
</tr>
</table>
<table width="800" height="385" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<table width="400" height="385" cellpadding="0" cellspacing="0">
<tr>
<td><img src="图片素材/imap.jpg" width="380" height="242" alt="IMAP服务"></td>
</tr>
<tr>
<td>
<ul>
<li>163/126/yeah三大免费邮箱均默认开放</li>
<li>全面支持iPhone/iPad及Android等系统</li>
<li>客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录</li>
</ul>
</td>
</tr>
</table>
</td>
<td>
<table border="1" width="400" height="385" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="400" height="385">
<tr>
<td align="left"><img src="图片素材/loginIcon.gif">普通登录 </td>
</tr>
<tr align="center">
<td>
<form action="#" method="post">
<table width="400" cellpadding="5" cellspacing="15">
<tr>
<td>用户名：</td>
<td>
<input type="text" name="name">
</td>
<td>@163.com</td>
</tr>
<tr>
<td> 密码：</td>
<td>
<input type="password" name="pw">
</td>
</tr>
<tr>
<td>版本</td>
<td>
<select name="banben">
<option value="1" selected="selected">默认</option>
<option value="2">极速</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" name="denglu" value="自动登录">自动登录
<input type="radio" name="denglu" value="SSL">SSL
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" name="btn" value="登录">
<input type="button" name="btm" value="注册">
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="800" height="50" cellpadding="0" cellspacing="0" align="center">
<tr bgcolor="#F7F7F7">
<td><img src="图片素材/netease_logo.gif" width="122" height="44" alt="网易"></td>
<td>关于网易 免费邮 官方博客 客户服务 隐私政策 | 网易公司版权所有 ? 1997-2011</td>
</tr>
</table>
</body>
效果图
image.png
网友评论