观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。
用div,form制作登录页面，尽可能做得漂亮。
练习使用下拉列表选择框，无序列表，有序列表，定义列表。
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>登录页面</title></head><body><a ><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1508221888488&di=b80076d16252e53d3f6424dac0940423&imgtype=0&src=http%3A%2F%2Fimg.sucaifengbao.com%2Fvector%2Flogosjbz%2F31_242_bl.jpg" width="400" height="100" ></a><div id="container" style="width: 400px" align="center"> ???<div id="header" style="background-color: darkorange"><h2 align="center">58同城</h2></div> ???<div id="content"></div> ???<form action=""> ??????<p> 账号 :<input type="text" placeholder="手机号码/qq/微信"></p> ??????????密码 :<input type="password"><br> ????????<p> <input type="radio" name="role" value="stu">手机 ????????????<input type="radio" name="role" value="stu">qq ????????????<input type="radio" name="role" value="tea">微信<br> ???????</p> ????????<h6> <input type="checkbox" >下次自动登录</h6> ????????<h1><input type="button" value="登录" ></h1></form> <a href="https://passport.58.com/reg/?PGTID=0d000000-0000-0e6d-aa35-c0f66c071493&ClickID=5"title="注册">立即注册</a> <a href="//passport.58.com/forgetpassword" class="passwordonclick=">忘记密码</a> ???<div id="footer" ?style="background-color: darkorange"><h2 align="center">版权@mis</h2></div></div><div> ????<select> ????<option>收藏</option> ????<option>点赞</option> ????<option>评论</option> ????</select> ?<ul> ???<a href="http://gz.58.com/job.shtml?PGTID=0d100000-0000-3633-7367-ea4a46f74c60&ClickID=1"><li>招聘</li></a> ?????<ol> ?????????<li>全职</li> ?????????<li>兼职</li> ?????????<li>简历</li> ?????</ol> ????<a href="http://gz.58.com/house.shtml?PGTID=0d100000-0000-3633-7367-ea4a46f74c60&ClickID=3"><li>房产</li></a> ?????<ol> ?????????<li>租房</li> ?????????<li>二手房</li> ?????????<li>公寓</li> ?????</ol> ?????<li>二手车</li> ?????<ol> ?????????<li>三万内</li> ?????????<li>SUV</li> ?????????<li>货车</li> ?????</ol> ?????<li>二手市场</li> </ul></div></body></html>
web基础，用html元素制作web页面
原文地址：http://www.cnblogs.com/zhuyinyinyin/p/7680133.html