一、全图构思
二、功能实现
1.利用<img>插入图片
2.利用<h>和<a herf="#">对免费邮到帮助进行超链接
3.利用无序排列
4.利用表单
三、代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="163logo.gif" alt="">
<h3><a href="#">免费邮 企业邮 VIP邮箱 帮助</a></h3>
<img src="imap.jpg" alt="">
<ul>
<li>163/126/yeah三大免费邮箱均默认开发</li>
<li>全面支持iphone/ipad及Android等系统</li>
<li>客户端、手机与网页,实现发送、阅读文件</li>
</ul>
<p><a href="#">立即同步普通登陆手机号登陆</a></p>
<form action="">
用户名: <input type="text" name="username" id="">@163.com<br></br>
密码: <input type="password" name="password" id=""><br></br>
版本: <select name="默认" id="默认"><option value="默认">默认</option></select><br></br>
<input type="checkbox" value="1" name="自动登录">自动登陆
<input type="checkbox" name="SSL" id="1">SSL
</form>
<img src="netease_logo.gif" alt="" <h3><a href="#">关于网易 免费邮 官方博客 客户服务 免费政策|网易公司版权所有©2015-2018</a></h3>>
</body>
</html>