web基础，用html元素制作web页面
用div,form制作登录页面，尽可能做得漂亮。
练习使用下拉列表选择框，无序列表，有序列表，定义列表。
观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>宋茜专题</title>
</head>
<body bgcolor="#fafad2">
<h1> 宋茜是我女神！！！</h1>
<img src="https://p1.ssl.qhmsg.com/dr/220__/t015512ddbe7e900f7f.jpg"height="300"width="200">
<a href="https://baike.so.com/doc/1020327-1079144.html">宋茜</a>
<p>宋茜（Victoria），1987年2月2日出生于山东省青岛市，演员、歌手、主持人，f(x)组合队长。</p>
<p>2007年，宋茜在北京市舞蹈大赛中被韩国SM娱乐有限公司相中签约，成为旗下练习生。2009年9月，作为f(x)组合队长出道。2011年，首次参演电视剧《爱情闯进门》，并凭该剧获得国剧盛典年度最佳新人女演员奖。2012年11月，于韩国出版旅行指南书《VICTORIA'S HONGKONG&MACAU（宋茜的港澳随笔）》。2013年，出演导演李少红执导的电视剧《茧镇奇缘》。2014年6月，参与内地综艺节目《最强天团》的录制并担任主持人；2014年9月下旬，主演中韩合拍电影《我的新野蛮女友》。</p>
<div id="container" style="width:400px;margin:0px auto;" >
<div id="header" style="background-color:hotpink"><h2 align="center" style="margin-bottom: 0;">粉丝登录</h2></div>
<div id="content" style="background-color:pink;height:150px;width:400px;float:left;text-align:center;line-height:40px;">
<from>
username:<input type="text"name="用户名"placeholder="请输入昵称："><br>
password:<input type="password"neme="密码"placeholder="请输入密码："><br>
<input type="radio"name="choose">粉丝
<input type="radio"name="choose1">路人
<input type="radio"name="choose2">黑粉<br>
<input type="button"value="login"style="margin-right:10px;font-size:15px;">
<input type="button"value="cancel"style="font-size:15px">
</from>
</div>
</div><br>
<div id="container" style="width:400px;margin:0px auto;" >
<div id="header" style="background-color:hotpink"><h2 align="center" style="margin-bottom: 0;">查看页面</h2></div>
<div id="content" style="background-color:pink;height:210px;width:400px;float:left;text-align:center;line-height:40px;">
<form >
<select>
<option>浏览</option>
<option>痴汉</option>
</select>
</form>
<ul>
<li>日常行程</li>
<li>宋茜相册</li>
<li>舞台视频</li>
<li>应援周边</li>
</ul>
</div>
</div><br>
<div id="container" style="width:400px;margin:0px auto;" >
<div id="header" style="background-color:hotpink"><h2 align="center" style="margin-bottom: 0;">查看页面</h2></div>
<div id="content" style="background-color:pink;height:210px;width:400px;float:left;text-align:center;line-height:40px;">
<form >
<select>
<option>浏览</option>
<option>痴汉</option>
</select>
</form>
<ol>
<li>日常行程</li>
<li>宋茜相册</li>
<li>舞台视频</li>
<li>应援周边</li>
</ol>
</div>
</div>
<div id="container" style="width:400px;margin:0px auto;" >
<div id="header" style="background-color:hotpinkpink"><h2 align="center" style="margin-bottom: 0;">趣味问答</h2></div>
<div id="content" style="background-color:pink;height:210px;width:400px;float:left;text-align:center;line-height:40px;">
<dl>
<dt>宋茜最爱的味道</dt>
<dd>是绿茶哦</dd></dl>
</div>
</div>
</body>
</html>
