观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。
用div,form制作登录页面，尽可能做得漂亮。
练习使用下拉列表选择框，无序列表，有序列表，定义列表。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>广州商学院</title> </head> <body> <h1>广州商学院</h1> <h2 id="2015">2015</h2> <div id="container"style=" 400px"> <div id="header"style="background-color: #FFA500":><h2 align="center "style="margin-bottom: 0">登录</h2></div> <div id="content"style="background-color: #EEEEEE;height:150px; 400px;float: left"> <from action=""> Username:<input type="text"name="user"placeholder="用户名"><br> Passward:<input type="password"name="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('登录验证')"> </from> </div> <div id="footer"style="background-color: #FFA500 "><i>版权@CNY</i></div> </div> <hr> <div> <ul> <li>python</li> <li>html</li> </ul> <select> <option>收藏</option> <option>点赞</option> <option>评论</option> </select> <hr><br> <h3 id="学院介绍">学院介绍</h3> <d1> <dt><a href="http://site.gzcc.cn/">信息技术与工程学院</a> </dt> <dd><a href="http://site.gzcc.cn/html/xsgz/jsjxtw/">学院团学</a> </dd> <dt><a href="http://sfl.gzcc.cn/">外国语学院</a></dt> <dd><a href="http://sfl.gzcc.cn/html/xsyd/txfc/">学院团学</a> </dd> </d1> <hr><br> </div> <div id="container"style=" 400px"></div> <a href="http://www.gzcc.cn/" >友情链接：广州商学院官网</a> </body> </html>