day22-作业
2018-09-18 本文已影响0人
d4lx
1、京东登录界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东商城</title>
</head>
<body>
<div id="top">
<table cellspacing="0" width="100%">
<tr>
<td rowspan="2"><img src="img/logo.png" alt="" />
<img src="img/l-icon.png" alt="" />
</td>
<td width="900px"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td align="right"><img src="img/q-icon.png" alt="" /><a href="#">登录页面，调查问卷</a></td>
</tr>
<tr align="center">
<td colspan="3" align="center" bgcolor="antiquewhite"><img src="img/warning.png" alt="" />依据《网络完全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版<a href="#">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</td>
</tr>
</table>
</div>
<div id="center">
<table background="img/bg.png" width="100%" height="475px">
<tr align="right">
<td>
<table bgcolor="white">
<tr>
<td colspan="2" bgcolor="antiquewhite"><img src="img/xx.png" alt="" />京东不会以任何理由要求您转账汇款，谨防诈骗。</td>
</tr>
<tr>
<td align="center" colspan="2"><a href="#"><font size="5">扫码登录</font></a> |
<a href="#"><font size="5">账户登录</font></a>
</td>
</tr>
<tr>
<td colspan="2" align="center"><img src="img/pygame.png" alt="" /><input type="text" placeholder="邮箱/用户名/已验证手机"/></td>
</tr>
<tr>
<td colspan="2" align="center"><img src="img/password_icon.png" alt="" /><input type="text" placeholder="密码"/></td>
</tr>
<tr>
<td></td>
<td><a href="#">忘记密码</a></td>
</tr>
<tr>
<td colspan="2"><button id="login">登录</button></td>
</tr>
<tr>
<td><img src="img/qq.png" alt="" /><a href="#">QQ</a>|
<img src="img/weixin.png" alt="" /><a href="#">微信</a>
</td>
<td><img src="img/right.png" alt="" /><a href="#">立即注册</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="bottom">
<ul>
<li><a href="">关于我们|</a></li>
<li><a href="">联系我们|</a></li>
<li><a href="">人才招聘|</a></li>
<li><a href="">商家入驻|</a></li>
<li><a href="">广告服务|</a></li>
<li><a href="">手机京东|</a></li>
<li><a href="">友情链接|</a></li>
<li><a href="">销售联盟|</a></li>
<li><a href="">京东社区|</a></li>
<li><a href="">京东公益|</a></li>
<li><a href="">English Site</a></li>
</ul>
<p>Copyright ©2004-2018 京东JD.com版权所有</p>
</div>
</body>
</html>
结果：
image.png
