1.使用嵌套列表展示节日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2019重要节假日</title>
</head>
<body>
<h3 align="center">2019重要节假日</h3>
<ul>
<li>一月</li>
<ul>
<li>1月1日: <a href="https://baike.baidu.com/item/%E5%85%83%E6%97%A6/137017?fromtitle=%E5%85%83%E6%97%A6%E8%8A%82&fromid=11020002&fr=aladdin" target="_blank">元旦节</a></li>
<li>1月13日: <a href="https://baike.baidu.com/item/%E8%85%8A%E5%85%AB%E8%8A%82/430373?fr=aladdin" target="_blank">腊八节</a></li>
</ul>
<li>二月</li>
<ul>
<li>2月4日: <a href="https://baike.baidu.com/item/%E9%99%A4%E5%A4%95/128141?fr=aladdin" target="_blank">除夕</a></li>
<li>2月5日: <a href="https://baike.baidu.com/item/%E6%98%A5%E8%8A%82/136876?fr=aladdin" target="_blank">春节</a></li>
<li>2月14日: <a href="https://baike.baidu.com/item/%E6%83%85%E4%BA%BA%E8%8A%82/30001?fr=aladdin" target="_blank">情人节</a></li>
<li>2月19日: <a href="https://baike.baidu.com/item/%E5%85%83%E5%AE%B5%E8%8A%82/118213?fr=aladdin" target="_blank">元宵节</a></li>
</ul>
<li>三月</li>
<ul>
<li>3月8日: <a href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%A6%87%E5%A5%B3%E8%8A%82/485652?fromtitle=%E5%A6%87%E5%A5%B3%E8%8A%82&fromid=382396&fr=aladdin" target="_blank">妇女节</a></li>
<li>3月12日: <a href="https://baike.baidu.com/item/%E6%A4%8D%E6%A0%91%E8%8A%82/419569?fr=aladdin" target="_blank">植树节</a></li>
</ul>
<li>四月</li>
<ul>
<li>4月1日: <a href="https://baike.baidu.com/item/%E6%84%9A%E4%BA%BA%E8%8A%82/114199?fr=aladdin" target="_blank">愚人节</a></li>
<li>4月5日: <a href="https://baike.baidu.com/item/%E6%B8%85%E6%98%8E%E8%8A%82/137575?fr=aladdin" target="_blank">清明节</a></li>
</ul>
<li>五月</li>
<ul>
<li>5月1日: <a href="https://baike.baidu.com/item/%E4%BA%94%E4%B8%80%E5%9B%BD%E9%99%85%E5%8A%B3%E5%8A%A8%E8%8A%82/810559?fromtitle=%E5%8A%B3%E5%8A%A8%E8%8A%82&fromid=128047&fr=aladdin" target="_blank">劳动节</a></li>
<li>5月4日: <a href="https://baike.baidu.com/item/%E4%BA%94%E5%9B%9B%E9%9D%92%E5%B9%B4%E8%8A%82/520444?fr=aladdin" target="_blank">五四青年节</a></li>
<li>5月12日: <a href="https://baike.baidu.com/item/%E6%AF%8D%E4%BA%B2%E8%8A%82/127378?fr=aladdin" target="_blank">母亲节</a></li>
</ul>
<li>六月</li>
<ul>
<li>6月1日: <a href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%84%BF%E7%AB%A5%E8%8A%82/321613?fromtitle=%E5%84%BF%E7%AB%A5%E8%8A%82&fromid=291723&fr=aladdin" target="_blank">儿童节</a></li>
<li>6月7日: <a href="https://baike.baidu.com/item/%E7%AB%AF%E5%8D%88%E8%8A%82/1054?fr=aladdin" target="_blank">端午节</a></li>
<li>6月16日: <a href="https://baike.baidu.com/item/%E7%88%B6%E4%BA%B2%E8%8A%82/226196?fr=aladdin" target="_blank">父亲节</a></li>
</ul>
<li>七月</li>
<ul>
<li>7月1日: <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E5%85%B1%E4%BA%A7%E5%85%9A%E5%BB%BA%E5%85%9A%E6%97%A5/2906957?fromtitle=%E5%BB%BA%E5%85%9A%E8%8A%82&fromid=1963855&fr=aladdin" target="_blank">建党节</a></li>
</ul>
<li>八月</li>
<ul>
<li>8月1日: <a href="https://baike.baidu.com/item/%E5%85%AB%E4%B8%80%E5%BB%BA%E5%86%9B%E8%8A%82/512834?fromtitle=%E5%BB%BA%E5%86%9B%E8%8A%82&fromid=443531&fr=aladdin" target="_blank">建军节</a></li>
<li>8月7日: <a href="https://baike.baidu.com/item/%E4%B8%83%E5%A4%95%E8%8A%82/226647?fr=aladdin" target="_blank">七夕节</a></li>
<li>8月15日: <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%85%83%E8%8A%82/22411?fr=aladdin" target="_blank">中元节</a></li>
</ul>
<li>九月</li>
<ul>
<li>9月10日: <a href="https://baike.baidu.com/item/%E6%95%99%E5%B8%88%E8%8A%82/488934?fr=aladdin" target="_blank">教师节</a></li>
<li>9月13日: <a href="https://baike.baidu.com/item/%E4%B8%AD%E7%A7%8B%E8%8A%82/128234?fr=aladdin" target="_blank">中秋节</a></li>
</ul>
<li>十月</li>
<ul>
<li>10月1日: <a href="https://baike.baidu.com/item/%E5%9B%BD%E5%BA%86%E8%8A%82/291112?fr=aladdin" target="_blank">国庆节</a></li>
<li>10月7日: <a href="https://baike.baidu.com/item/%E9%87%8D%E9%98%B3%E8%8A%82/128301?fr=aladdin" target="_blank">重阳节</a></li>
</ul>
<li>十一月</li>
<ul>
<li>11月28日: <a href="https://baike.baidu.com/item/%E6%84%9F%E6%81%A9%E8%8A%82/46?fr=aladdin" target="_blank">感恩节</a></li>
</ul>
<li>十二月</li>
<ul>
<li>12月25日: <a href="https://baike.baidu.com/item/%E5%9C%A3%E8%AF%9E%E8%8A%82/127881?fr=aladdin" target="_blank">圣诞节</a></li>
</ul>
</ul>
</body>
</html>
2.实现一个问卷调查页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>问卷调查</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<fieldset>
<legend>Your Details:</legend>
Name:<input type="text"><br>
Email:<input type="email">
</fieldset>
<p></p>
<fieldset>
<legend>Your Review:</legend>
<p></p>
How did you hear about us?
<select>
<option value ="" selected>Google</option>
<option value ="" >Baidu</option>
<option value ="" >Sogou</option>
</select>
<p></p>
Would you visit again?<br>
<input type="radio" name='visit'>Yes
<input type="radio" name='visit'>No
<input type="radio" name='visit'>Maybe
<p></p>
Comments:<br>
<textarea cols="38" rows="5"></textarea>
<p></p>
<input type="radio" checked> Sign me up for email updates<br>
<input type="submit" value="Submit review">
</fieldset>
</form>
</body>
</html>
