<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东-欢迎登录</title>
<!--设置网页图片
(图片后缀要求ico，有时大小也有要求)
rel:icon(设置图标)
type:文件类型 image/图片类型(png,ico,x-icon(多种类型))
href:文件路径
-->
<link rel="icon" type="image/x-icon" href="img/icon.ico"/>
<link rel="stylesheet" type="text/css" href="css/京东.css"/>
</head>
<body>
<div id="" style="width: 1350px;">
<!--====顶部======-->
<div id="header">
<div class="h-top">
<!--图标部分-->
<div class="icon">
<a href="https://www.jd.com/"><img src="img/logo.png"/></a>
<img src="img/l-icon.png"/>
</div>
<!--问卷-->
<a class="i1" href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans">登录页面，调查问卷</a>
</div>
<div class="h-bottom">
<div class="children">
<img src="img/warning.png"/>
<p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="https://about.jd.com/privacy/" target="_blank">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
</div>
</div>
</div>
<!--====内容=====-->
<div id="content">
<frame />
<div class="input_div">
<div class="input_top">
<div id="top_top">
<div id="top_1">
<img src="img/warning.png"/>
<p>京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
</div>
</div>
<div class="top_bottom">
<div class="top_bottom_1">
<p><button>扫码登录</button></p>| <p><button>密码登录</button></p>
</div>
</div>
</div>
<div class="input_center">
<div class="username">
<img src="img/pygame.png"/>
<input type="text" name="username" id="" value="" placeholder="邮箱/用户名/已验证手机"/>
</div>
<div class="password">
<img src="img/password_icon.png"/>
<input type="password" name="password" id="" value="" placeholder="密码"/>
</div>
<!--忘记密码-->
<a href="">忘记密码</a>
<button>登 录</button>
</div>
<div class="input_bottem">
<div class="bottem_div">
<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&state=0245EC2DDEFEBC9D273EE2B66FBC2285119DABFED6DA2CC1E44F728CE6B7C2ED3B5106EB9B55803D039A1D0C7AD4D75C&client_id=100273020&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fqq%2Fcallback.action%3Fview%3Dnull%26uuid%3D674562ac72994d8aa6b764e3ae64f531"><img src="img/qq.png"/><p>QQ <span id=""style="color: rgb(170,170,170);">|</span></p></a>
<a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx827225356b689e24&state=31FA52BC26FD83D6CEEB63DD1AC405C649E912D0FD9012A4F8C9CD8F1C1A3F6DC50410A0BA512C4FBE4BA80A7CD54928&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fwx%2Fcall
](https://upload-images.jianshu.io/upload_images/13183730-3f03362f3f07eb12.JPG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
back.action%3Fview%3Dnull%26uuid%3Ded7c101a374b4457960432ac45bf3d98&response_type=code&scope=snsapi_login#wechat_redirect"><img src="img/weixin.png"/><p>微信</p></a>
<a class="bottom_a" href="https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com"><img src="img/right.png"/><p >立即注册</p></a>
</div>
</div>
</div>
</div>
<!--====底部=====-->
<div id="footer">
<div class="footer_a">
<a href="https://www.jd.com/">关于我们</a> |
<a href="http://about.jd.com/contact">联系我们</a> |
<a href="http://zhaopin.jd.com/home;jsessionid=8644EDF302C7B3720866C87F153CB965.s1">人才招聘</a> |
<a href="https://www.jd.com/">商家入驻</a> |
<a href="https://www.jd.com/">广告服务</a> |
<a href="https://app.jd.com/">手机京东</a> |
<a href="https://club.jd.com/links.aspx">友情链接</a> |
<a href="https://media.jd.com/">销售联盟</a> |
<a href="https://sale.jd.com/act/n0hAvqy5CW8.html">京东社区</a> |
<a href="https://gongyi.jd.com/">京东公益</a> |
<a href="https://www.joybuy.com/">English Site</a><br />
<br />
Copyright © 2004-2018 京东JD.com 版权所有
</div>
</div>
</div>
</body>
</html>
结果：
讲课
