作业一：
<!DOCTYPE html>
<html lang='en'>
<head>
<title>这是一首诗</title>
<style type=''text/css>
p{
/*color:red;*/
font-size:50px;
}
</style>
</head>
<body>
<center>
<a name="top"></a>
<h3>
<a href="#bottom">去底部</a> | <a href="#front">歌词开头</a>
</h3>
<hr><hr>
<h1>东风破</h1>
<a href='https://baike.sogou.com/v4853409.htm?fromTitle=%E5%91%A8%E6%9D%B0%E4%BC%A6'target=_blank>周杰伦</a><br>
<img src="1.jpg"height='300px'>
<a name="front"></a>
<p>
一盏离愁孤灯伫立在窗口<br>
我在门后假装你人还没走<br>
旧地如重游月圆更寂寞<br>
夜半清醒的烛火不忍苛责我<br>
一壶漂泊浪迹天涯难入喉<br>
你走之后酒暖回忆思念瘦<br>
水向东流时间怎么偷<br>
花开就一次成熟我却错过<br>
</p>
<img src="2.jpg"height='500px'>
<p>
谁在用琵琶弹奏一曲东风破<br>
岁月在墙上剥落看见小时候<br>
犹记得那年我们都还很年幼<br>
而如今琴声幽幽我的等候你没听过<br>
谁在用琵琶弹奏一曲东风破<br>
枫叶将故事染色结局我看透<br>
篱笆外的古道我牵着你走过<br>
荒烟蔓草的年头就连分手都<br>
</p>
<img src="3.jpg"height='500px'>
<p>
谁在用琵琶弹奏一曲东风破<br>
岁月在墙上剥落看见小时候<br>
犹记得那年我们都还很年幼<br>
而如今琴声幽幽我的等候你没听过<br>
谁在用琵琶弹奏一曲东风破<br>
枫叶将故事染色结局我看透<br>
篱笆外的古道我牵着你走过<br>
荒烟蔓草的年头就连分手都很沉默<br>
</p>
<hr><hr>
<h2>
友情链接：<a href='https://www.xiami.com/artist/iim17edb'target=_blank>更多周杰伦的热门歌曲</a>
</h2>
<h3>
<a href="#top">回顶部</a>
</h3>
<a name="bottom"></a>
</center>
</body>
</html>
作业二：
1.plate 元素选择器
2.bento 元素选择器
3.#fancy id选择器
4.plate>apple 子元素选择器
5.#fancy>pickle id选择器and子元素选择器
6.apple.small 类选择器
7.orange.small 类选择器
8.bento>orange.small 子元素选择器and类选择器
9.plate,bento 组合元素选择器
10.* 通用选择器
11.plate>* 子元素选择器
12.plate+apple 兄弟选择器
13.bento~pickle 兄弟选择器
14.plate>apple 子元素选择器
15.plate>orange:first-child 子元素选择器
16.plate>apple,plate>pickle 子元素选择器
17.apple.small,pickle.small 类选择器
18.:nth-child(3) 子元素选择器
19.:nth-last-child(4) 子元素选择器（从后往前第几个）
20.apple:first-of-type 子元素选择器
21.:nth-of-type(even) 子元素选择器
22.plate:nth-of-type(2n+3) 子元素选择器
23.apple:only-of-type 子元素选择器
24.orange:last-of-type,apple:last-of-type 组合子元素选择器
25.bento:empty 子元素选择器（子集为空）
26.apple:not(.small) 选择不匹配的元素
