1.节目表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>节日表</title>
</head>
<body>
<caption>中国节日表</caption>
<ol>
<li>
一月
<ol>
<li>1月1日:<a target="_blank" href="https://baike.baidu.com/item/%E5%85%83%E6%97%A6/137017?fr=aladdin">元旦</a></li>
<li>1月13日:<a target="_blank" href="https://baike.baidu.com/item/%E8%85%8A%E5%85%AB%E8%8A%82/430373?fr=aladdin">腊八节</a></li>
<li>1月28日:<a target="_blank" href="https://baike.baidu.com/item/%E5%B0%8F%E5%B9%B4/9280829?fr=aladdin">小年</a></li>
</ol>
</li>
<li>二月
<ol>
<li>2月2日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E6%B9%BF%E5%9C%B0%E6%97%A5/426863?fr=aladdin">湿地日</a></li>
<li>2月4日:<a target="_blank" href="https://baike.baidu.com/item/%E9%99%A4%E5%A4%95/128141?fr=aladdin">除夕</a></li>
<li>2月5日:<a target="_blank" href="https://baike.baidu.com/item/%E6%98%A5%E8%8A%82/136876?fr=aladdin">春节</a></li>
<li>2月14日:<a target="_blank" href="https://baike.baidu.com/item/%E6%83%85%E4%BA%BA%E8%8A%82/30001?fr=aladdin">情人节</a></li>
<li>2月19日:<a target="_blank" href="https://baike.baidu.com/item/%E5%85%83%E5%AE%B5%E8%8A%82/118213?fr=aladdin">元宵节</a></li>
</ol>
</li>
<li>三月
<ol>
<li>3月8日:<a target="_blank" 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">妇女节</a></li>
<li>3月12日:<a target="_blank" href="https://baike.baidu.com/item/%E6%A4%8D%E6%A0%91%E8%8A%82/419569?fr=aladdin">植树节</a></li>
<li>3月15日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E6%B6%88%E8%B4%B9%E8%80%85%E6%9D%83%E7%9B%8A%E6%97%A5/127966?fromtitle=%E6%B6%88%E8%B4%B9%E8%80%85%E6%9D%83%E7%9B%8A%E6%97%A5&fromid=499845&fr=aladdin">消费者权益日</a></li>
</ol>
</li>
<li>四月
<ol>
<li>4月1日:<a target="_blank" href="https://baike.baidu.com/item/%E6%84%9A%E4%BA%BA%E8%8A%82/114199?fr=aladdin">愚人节</a></li>
<li>4月5日:<a target="_blank" href="https://baike.baidu.com/item/%E6%B8%85%E6%98%8E%E8%8A%82/137575?fr=aladdin">清明节</a></li>
<li>4月22日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E5%9C%B0%E7%90%83%E6%97%A5/122064?fromtitle=%E5%9C%B0%E7%90%83%E6%97%A5&fromid=465003&fr=aladdin">地球日</a></li>
</ol>
</li>
<li>五月
<ol>
<li>5月1日:<a target="_blank" 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">劳动节</a></li>
<li>5月4日:<a target="_blank" href="https://baike.baidu.com/item/%E4%BA%94%E5%9B%9B%E9%9D%92%E5%B9%B4%E8%8A%82/520444?fr=aladdin">五四青年节</a></li>
<li>5月18日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%8D%9A%E7%89%A9%E9%A6%86%E6%97%A5/689088?fromtitle=%E5%8D%9A%E7%89%A9%E9%A6%86%E6%97%A5&fromid=17582460&fr=aladdin">博物馆日</a></li>
</ol>
</li>
<li>六月
<ol>
<li>6月1日:<a target="_blank" 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">儿童节</a></li>
<li>6月5日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E7%8E%AF%E5%A2%83%E6%97%A5/427070?fromtitle=%E7%8E%AF%E5%A2%83%E6%97%A5&fromid=10284145&fr=aladdin">环境日</a></li>
<li>6月7日:<a target="_blank" href="https://baike.baidu.com/item/%E7%AB%AF%E5%8D%88%E8%8A%82/1054?fr=aladdin">端午节</a></li>
<li>6月16日:<a target="_blank" href="https://baike.baidu.com/item/%E7%88%B6%E4%BA%B2%E8%8A%82/226196?fr=aladdin">父亲节</a></li>
<li>6月23日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E6%97%A5/691197?fromtitle=%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E6%97%A5&fromid=6252545&fr=aladdin">奥林匹克日</a></li>
</ol>
</li>
<li>七月
<ol>
<li>7月1日:<a target="_blank" 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">建党节</a></li>
</ol>
</li>
<li>八月
<ol>
<li>8月1日:<a target="_blank" 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">建军节</a></li>
<li>8月7日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%83%E5%A4%95%E8%8A%82/226647?fr=aladdin">七夕节</a></li>
<li>8月15日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%AD%E5%85%83%E8%8A%82/22411?fr=aladdin">中元节</a></li>
</ol>
</li>
<li>九月
<ol>
<li>9月3日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E6%B0%91%E6%8A%97%E6%97%A5%E6%88%98%E4%BA%89%E8%83%9C%E5%88%A9%E7%BA%AA%E5%BF%B5%E6%97%A5/10027966?fr=aladdin">抗日战争纪念日</a></li>
<li>9月10日:<a target="_blank" href="https://baike.baidu.com/item/%E6%95%99%E5%B8%88%E8%8A%82/488934?fr=aladdin">教师节</a></li>
<li>9月13日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%AD%E7%A7%8B%E8%8A%82/128234?fr=aladdin">中秋节</a></li>
</ol>
</li>
<li>十月
<ol>
<li>10月1日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E5%BA%86%E8%8A%82/291112?fr=aladdin">国庆节</a></li>
<li>10月7日:<a target="_blank" href="https://baike.baidu.com/item/%E9%87%8D%E9%98%B3%E8%8A%82/128301?fr=aladdin">重阳节</a></li>
<li>10月20日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E9%AA%A8%E8%B4%A8%E7%96%8F%E6%9D%BE%E6%97%A5/4216930?fr=aladdin">骨质疏松日</a></li>
</ol>
</li>
<li>十一月
<ol>
<li>11月11日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%8B%E5%85%83%E8%8A%82/9163346?fr=aladdin">下元节</a></li>
<li>11月17日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E9%99%85%E5%A4%A7%E5%AD%A6%E7%94%9F%E8%8A%82/2990139?fr=aladdin">学生日</a></li>
<li>11月28日:<a target="_blank" href="https://baike.baidu.com/item/%E6%84%9F%E6%81%A9%E8%8A%82/46?fr=aladdin">感恩节</a></li>
</ol>
</li>
<li>十二月
<ol>
<li>12月1日:<a target="_blank" href="https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E8%89%BE%E6%BB%8B%E7%97%85%E6%97%A5/542301?fromtitle=%E8%89%BE%E6%BB%8B%E7%97%85%E6%97%A5&fromid=10896351&fr=aladdin">艾滋病日</a></li>
<li>12月13日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9B%BD%E5%AE%B6%E5%85%AC%E7%A5%AD%E6%97%A5/13131941?fr=aladdin">国家公祭日</a></li>
<li>12月24日:<a target="_blank" href="https://baike.baidu.com/item/%E5%B9%B3%E5%AE%89%E5%A4%9C/26898?fr=aladdin">平安夜</a></li>
<li>12月25日:<a target="_blank" href="https://baike.baidu.com/item/%E5%9C%A3%E8%AF%9E%E8%8A%82/127881?fr=aladdin">圣诞节</a></li>
</ol>
</li>
</ol>
</body>
</html>
2.表单控件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单控件</title>
</head>
<body>
<div id="main">
<article>
<form action="" method="POST" enctype="multipart/form-data">
<fieldset>
<legend>Your Details:</legend>
<p>Name: <input type="text" name="username"></p>
<p>Email: <input type="email" name="email"></p>
</fieldset>
<fieldset>
<legend>Your Review:</legend>
<p>
How did you hear about us?
<select name="opera">
<option selected>Google</option>
<option>Firefox</option>
<option>IE</option>
<option>360</option>
<option>UC</option>
</select>
</p>
<p>
Would you visit again?<br>
<input type="radio" name="result" id="yes"><label for="yes">Yes</label>
<input type="radio" name="result" id="no"><label for="no">No</label>
<input type="radio" name="result" id="maybe"><label for="maybe">Maybe</label>
</p>
<p>
Comments:<br>
<textarea name="comment" cols="35" rows="5"></textarea>
</p>
<p>
<input type="checkbox" name="choose" id="choose" checked><label for="choose">Sign me up for email updates</label><br>
<input type="submit" value="Submit review">
</p>
</form>
</article>
</div>
</body>
</html>
