观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。
用div,form制作登录页面，尽可能做得漂亮。
练习使用下拉列表选择框，无序列表，有序列表，定义列表。
<div id="container" style="width: 400px"> ???<div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">登陆</h2></div> ???<div id="content"> ???????<form> ???????????用户名：<input type="text" name="username" placeholder="请输入用户名"><br> ???????????密码：<input type="password"> ???????????<br> ???????????<input type="radio" name="role" value="stu">student ???????????<input type="radio" name="role" value="tea">teacher ???????????<br> ???????????<input type="checkbox" value="true"><span>记住我</span> <a href="">登陆遇到问题</a><br> ???????????<input type="button" value="login" onclick="alert(‘登陆验证‘)"> ???????????<input type="button" value="cancel"> ???????</form>> ???</div> ???<div id="footer" style="background-color:#FFA500;clear:both;text-align: center;"><i>版权@mis15</i> duym</div> ???</div><hr><br> ???<div id="container" style="width: 400px "...> ???????<div> ???????????<select> ???????????????<option>收藏</option> ???????????????<option>点赞</option> ???????????????<option>评论</option> ???????????</select> ???????????????????<ul> ???????????????????????<li>python</li> ???????????????????????<li>html</li> ???????????????????????<li>CSS</li> ???????????????????????<li>JavaScrip</li> ???????????????????</ul> ???????</div> ???????<div> ???????????<select> ???????????????<option>收藏</option> ???????????????<option>点赞</option> ???????????????<option>评论</option> ???????????</select> ???????????????????<ol> ???????????????????????<li>python</li> ???????????????????????<li>html</li> ???????????????????????<li>CSS</li> ???????????????????????<li>JavaScrip</li> ???????????????????</ol> ???????</div> ???????<div> ???????????<select> ???????????????<option>收藏</option> ???????????????<option>点赞</option> ???????????????<option>评论</option> ???????????</select> ???????????????????<dl> ???????????????????????<li>python</li> ???????????????????????<li>html</li> ???????????????????????<li>CSS</li> ???????????????????????<li>JavaScrip</li> ???????????????????</dl> ???????</div>
web基础，用html元素制作web页面
原文地址：http://www.cnblogs.com/yybx/p/7680168.html