1.寫一個節(jié)日列表慌植，點擊節(jié)日可查看介紹
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>中國傳統(tǒng)節(jié)日</title>
<style type="text/css">
a{
text-decoration: none;
}
</style>
</head>
<body>
<h3>2019年中國傳統(tǒng)節(jié)日</h3>
<ul>
<li>一月</li>
<ul>
<li>
<a target="_blank">元旦節(jié)[1月1日]</a>
</li>
<li>
<a target="_blank">臘八節(jié)[1月13日]</a>
</li>
<li>
<a target="_blank">小年[1月28日]</a>
</li>
</ul>
<li>二月</li>
<ul>
<li>
<a target="_blank">除夕[2月4日]</a>
</li>
<li>
<a target="_blank">春節(jié)[2月5日]</a>
</li>
<li>
<a target="_blank">元宵節(jié)[2月19日]</a>
</li>
</ul>
<li>三月</li>
<ul>
<li>
<a target="_blank">婦女節(jié)[3月8日]</a>
</li>
<li>
<a target="_blank">龍?zhí)ь^[3月18日]</a>
</li>
</ul>
<li>四月</li>
<ul>
<li>
<a target="_blank">愚人節(jié)[4月1日]</a>
</li>
<li>
<a target="_blank">清明節(jié)[4月5日]</a>
</li>
</ul>
<li>五月</li>
<ul>
<li>
<a target="_blank">勞動節(jié)[5月1日]</a>
</li>
<li>
<a target="_blank">母親節(jié)[5月13日]</a>
</li>
</ul>
<li>六月</li>
<ul>
<li>
<a target="_blank">兒童節(jié)[6月1日]</a>
</li>
<li>
<a target="_blank">端午節(jié)[6月7日]</a>
</li>
</ul>
<li>七月</li>
<ul>
<li>
<a target="_blank">建黨節(jié)[7月1日]</a>
</li>
</ul>
<li>八月</li>
<ul>
<li>
<a target="_blank">八一建軍節(jié)[8月1日]</a>
</li>
<li>
<a target="_blank">七夕情人節(jié)[8月7日]</a>
</li>
<li>
<a target="_blank">中元節(jié)[8月15日]</a>
</li>
</ul>
<li>九月</li>
<ul>
<li>
<a target="_blank">教師節(jié)[9月10日]</a>
</li>
<li>
<a target="_blank">中秋節(jié)[9月13日]</a>
</li>
</ul>
<li>十月</li>
<ul>
<li>
<a target="_blank">國慶節(jié)[10月1日]</a>
</li>
<li>
<a target="_blank">重陽節(jié)[10月7日]</a>
</li>
</ul>
<li>十一月</li>
<ul>
<li>
<a target="_blank">萬圣節(jié)[11月1日]</a>
</li>
<li>
<a target="_blank">光棍節(jié)[11月11日]</a>
</li>
<li>
<a target="_blank">感恩節(jié)[11月28日]</a>
</li>
</ul>
<li>十二月</li>
<ul>
<li>
<a target="_blank">平安夜[12月24日]</a>
</li>
<li>
<a target="_blank">圣誕節(jié)[12月25日]</a>
</li>
</ul>
</ul>
</body>
</html>
2.寫一個問卷調(diào)查表單form
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>調(diào)查問卷</title>
</head>
<body>
<form action="" method="post">
<p>
<fieldset id="">
<legend>Your Details:</legend>
Name:
<input type="text" name="" id="" value="" /><br />
Email:
<input type="email" name="" id="" value="" /><br />
</fieldset>
</p>
<p>
<fieldset id="">
<legend>Your Review:</legend>
<p>
How did you hear about us?
<select>
<option value="">Wiki</option>
<option value ="" selected>Google</option>
<option value ="">Baidu</option>
<option value="">GitHub</option>
<option value="">Other Website</option>
</select>
</p>
<p>
Would you visit again?<br />
<input type="radio" name="choose" id="" value="" />Yes
<input type="radio" name="choose" id="" value="" />No
<input type="radio" name="choose" id="" value="" />Maybe
</p>
<p>
Comments:<br />
<textarea rows="5" cols="30"></textarea>
</p>
<p>
<input type="checkbox" name="" id="" value="" />Sign me up for email updates<br />
<input type="submit" name="" id="" value="Submit review" />
</p>
</fieldset>
</p>
</form>
</body>
</html>
