1.使用嵌套列表展示節(jié)日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2019重要節(jié)假日</title>
</head>
<body>
<h3 align="center">2019重要節(jié)假日</h3>
<ul>
<li>一月</li>
<ul>
<li>1月1日: <a target="_blank">元旦節(jié)</a></li>
<li>1月13日: <a target="_blank">臘八節(jié)</a></li>
</ul>
<li>二月</li>
<ul>
<li>2月4日: <a target="_blank">除夕</a></li>
<li>2月5日: <a target="_blank">春節(jié)</a></li>
<li>2月14日: <a target="_blank">情人節(jié)</a></li>
<li>2月19日: <a target="_blank">元宵節(jié)</a></li>
</ul>
<li>三月</li>
<ul>
<li>3月8日: <a target="_blank">婦女節(jié)</a></li>
<li>3月12日: <a target="_blank">植樹節(jié)</a></li>
</ul>
<li>四月</li>
<ul>
<li>4月1日: <a target="_blank">愚人節(jié)</a></li>
<li>4月5日: <a target="_blank">清明節(jié)</a></li>
</ul>
<li>五月</li>
<ul>
<li>5月1日: <a target="_blank">勞動(dòng)節(jié)</a></li>
<li>5月4日: <a target="_blank">五四青年節(jié)</a></li>
<li>5月12日: <a target="_blank">母親節(jié)</a></li>
</ul>
<li>六月</li>
<ul>
<li>6月1日: <a target="_blank">兒童節(jié)</a></li>
<li>6月7日: <a target="_blank">端午節(jié)</a></li>
<li>6月16日: <a target="_blank">父親節(jié)</a></li>
</ul>
<li>七月</li>
<ul>
<li>7月1日: <a target="_blank">建黨節(jié)</a></li>
</ul>
<li>八月</li>
<ul>
<li>8月1日: <a target="_blank">建軍節(jié)</a></li>
<li>8月7日: <a target="_blank">七夕節(jié)</a></li>
<li>8月15日: <a target="_blank">中元節(jié)</a></li>
</ul>
<li>九月</li>
<ul>
<li>9月10日: <a target="_blank">教師節(jié)</a></li>
<li>9月13日: <a target="_blank">中秋節(jié)</a></li>
</ul>
<li>十月</li>
<ul>
<li>10月1日: <a target="_blank">國慶節(jié)</a></li>
<li>10月7日: <a target="_blank">重陽節(jié)</a></li>
</ul>
<li>十一月</li>
<ul>
<li>11月28日: <a target="_blank">感恩節(jié)</a></li>
</ul>
<li>十二月</li>
<ul>
<li>12月25日: <a target="_blank">圣誕節(jié)</a></li>
</ul>
</ul>
</body>
</html>
2.實(shí)現(xiàn)一個(gè)問卷調(diào)查頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>問卷調(diào)查</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>