作业一
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="head">
<ul>
<li>一月
<ul>
<li><a href="https://baike.baidu.com/item/元旦/137017?fr=aladdin">元旦</a>时间：1月1号</li>
<li><a href="https://baike.baidu.com/item/腊八节/430373?fr=aladdin">腊八节</a>时间：1月13号</li>
<li><a href="https://baike.baidu.com/item/小年/9280829?fr=aladdin">小年</a>时间：1月28号</li>
</ul>
</li>
<li>二月
<ul>
<li><a href="https://baike.baidu.com/item/除夕/128141">除夕</a>时间：2月4号</li>
<li><a href="https://baike.baidu.com/item/春节/136876">春节</a>时间：2月5号</li>
<li><a href="https://baike.baidu.com/item/情人节/3000">情人节</a>时间：2月14号</li>
<li><a href="https://baike.baidu.com/item/元宵/118229">元宵节</a>时间：2月19号</li>
</ul>
</li>
<li>三月
<ul>
<li><a href="https://baike.baidu.com/item/国际妇女节?fromtitle=妇女节&fromid=382396">妇女节</a>时间：3月8号</li>
<li><a href="https://baike.baidu.com/item/植树节">植树节</a>时间：3月12号</li>
<li><a href="https://baike.baidu.com/item/国际消费者权益日?fromtitle=消费者权益日&fromid=499845">消费者权益日</a>时间：3月15号</li>
</ul>
</li>
<li>四月
<ul>
<li><a href="https://baike.baidu.com/item/愚人节/114199">愚人节</a>时间：4月1号</li>
<li><a href="https://baike.baidu.com/item/清明节/137575">清明节</a>时间：4月5号</li>
<li><a href="https://baike.baidu.com/item/世界地球日?fromtitle=地球日&fromid=465003">地球日</a>时间：4月22日</li>
</ul>
</li>
<li>五月
<ul>
<li><a href="https://baike.baidu.com/item/五一国际劳动节?fromtitle=劳动节&fromid=128047">劳动节</a>时间：5月1号</li>
<li><a href="https://baike.baidu.com/item/五四青年节">五四青年节</a>时间：5月4号</li>
<li><a href="https://baike.baidu.com/item/母亲节/14691033">母亲节</a>时间：5月12日</li>
<li><a href="https://baike.baidu.com/item/国际博物馆日?fromtitle=博物馆日&fromid=17582460">博物馆日</a>时间：5月18日</li>
</ul>
</li>
<li>六月
<ul>
<li><a href="https://baike.baidu.com/item/国际儿童节?fromtitle=儿童节&fromid=291723">儿童节</a>时间：6月1号</li>
<li><a href="https://baike.baidu.com/item/世界环境日?fromtitle=环境日&fromid=10284145">环境日</a>时间：6月5号</li>
<li><a href="https://baike.baidu.com/item/端午节/1054">端午节</a>时间：6月7号</li>
<li><a href="https://baike.baidu.com/item/父亲节">父亲节</a>时间：6月16号</li>
<li><a href="https://baike.baidu.com/item/国际奥林匹克日?fromtitle=奥林匹克日&fromid=6252545">奥林匹克日</a>时间：6月23号</li>
</ul>
</li>
<li>七月
<ul>
<li><a href="https://baike.baidu.com/item/中国共产党建党日?fromtitle=建党节&fromid=1963855">建党节</a>时间：7月1号</li>
</ul>
</li>
<li>八月
<ul>
<li><a href="https://baike.baidu.com/item/八一建军节?fromtitle=建军节&fromid=443531">建军节</a>时间：8月1号</li>
<li><a href="https://baike.baidu.com/item/七夕节">七夕节</a>时间：8月7号</li>
<li><a href="https://baike.baidu.com/item/中元节/22411">中元节</a>时间：8月15号</li>
</ul>
</li>
<li>九月
<ul>
<li><a href="https://baike.baidu.com/item/中国人民抗日战争纪念日/1453379">抗战胜利日</a>时间：9月3号</li>
<li><a href="https://baike.baidu.com/item/教师节">教师节</a>时间：9月10号</li>
<li><a href="https://baike.baidu.com/item/中秋节/128234">中秋节</a>时间：9月13号</li>
</ul>
</li>
<li>十月
<ul>
<li><a href="https://baike.baidu.com/item/国庆节">国庆节</a>时间：10月1号</li>
<li><a href="https://baike.baidu.com/item/重阳节/128301">重阳节</a>时间：10月7号</li>
<li><a href="https://baike.baidu.com/item/世界骨质疏松日/4216930">骨质疏松日</a>时间：10月20日</li>
<li><a href="https://baike.baidu.com/item/寒衣节/1952706">寒衣节</a>时间：10月28日</li>
</ul>
</li>
<li>十一月
<ul>
<li><a href="https://baike.baidu.com/item/下元节">下元节</a>时间：11月11号</li>
<li><a href="https://baike.baidu.com/item/国际大学生节/2990139">学生日</a>时间：11月17号</li>
<li><a href="https://baike.baidu.com/item/感恩节/46">感恩节</a>时间：11月8号</li>
</ul>
</li>
<li>十二月
<ul>
<li><a href="https://baike.baidu.com/item/世界艾滋病日?fromtitle=艾滋病日&fromid=10896351">艾滋病日</a>时间：12月1号</li>
<li><a href="https://baike.baidu.com/item/国家公祭日">国家公祭日</a>时间：12月13号</li>
<li><a href="https://baike.baidu.com/item/平安夜/5895445">平安夜</a>时间：12月24号</li>
<li><a href="https://baike.baidu.com/item/圣诞节/127881">圣诞节</a>时间：12月25号</li>
</ul>
</li>
</ul>
</div>
<div id="main"></div>
<div id="footer"></div>
</body>
</html>
作业二
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<fieldset>
<legend>Your Details</legend>
<p>
Name:
<input type="text">
</p>
<p>
Email
<input type="email" name="" id="">
</p>
</fieldset>
<fieldset>
<legend>Your Review</legend>
<p>
How did you about us ?
<select name="" id="">
<option value="">google</option>
<option value="">baidu</option>
<option value="">360</option>
<option value="">ie</option>
</select>
</p>
<p>
Would you visit again?<br>
<input type="radio" name="11" id="">Yes
<input type="radio" name="11" id="">No
<input type="radio" name="11" id="">Maybe
</p>
<P>
Comments:
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
</P>
<p>
<input type="checkbox" name="" id="">Sign me up for email updates
</p>
<p>
<input type="submit" value="Submit review">
</p>
</fieldset>
</body>
</html>
