作業(yè)一
<!doctype html>
<head>
<title>情深深雨蒙蒙</title>
</head>
<body>
<style type="text/css">
.p1{
color:green;
}
</style>
<center>
<a name="top"></a>
<p>
<a href="#bottom">去底部</a>
|
<a href="#center">去指定位置</a>
<h1>這是最近非常火的一首歌</h1>
<hr></hr>
<h2>情深深雨蒙蒙</h2>
<a name="center"></a>
翻唱:
<a target="_blank">楊胖雨</a>
<p class=p1> 情深深 雨濛濛 多少樓臺(tái)煙雨中</br>
記得當(dāng)初 你儂我儂 車(chē)如流水馬如龍</br>
盡管狂風(fēng)平地起 美人如玉劍如虹</br>
情深深 雨濛濛 世界只在你眼中</br>
相逢不晚 為何匆匆 山山水水幾萬(wàn)重</br>
一曲高歌千行淚情在回腸蕩氣中</p>
<img src="image/yang.png" alt="楊胖雨的照片" width="300px" height="200px"/>
<p class=p1> 情深深 雨濛濛 天也無(wú)盡地?zé)o窮</br>
高樓望斷 情有獨(dú)鐘 盼過(guò)春夏和秋冬</br>
盼來(lái)盼去盼不盡 天涯何處是歸鴻</br>
情深深 雨濛濛 多少樓臺(tái)煙雨中</br>
記得當(dāng)初 你儂我儂 車(chē)如流水馬如龍</br>
盡管狂風(fēng)平地起 美人如玉劍如虹</br>
情深深 雨濛濛 世界只在你眼中</br>
相逢不晚 為何匆匆 山山水水幾萬(wàn)重</br>
一曲高歌千行淚情在回腸蕩氣中</p>
<img src="image/su.jpg" alt="蘇有朋的照片" width="300px" height="200px"/>
<p class=p1>情深深 雨濛濛 天也無(wú)盡地?zé)o窮</br>
高樓望斷 情有獨(dú)鐘 盼過(guò)春夏和秋冬</br>
盼來(lái)盼去盼不盡 天涯何處是歸鴻</p>
<hr></hr>
<p>友情提示:
<a target="_blank">楊胖雨</a>
|
<a target="_blank">蘇有朋</a>
|
<a target="_blank">崔瀟聞</a>
<p><a href="#top">回到頂部</a>
|
<a href="#" target="_blank">聯(lián)系我們</a></p>
<a name="bottom"></a>
</p>
</center>
</body>
</html>
作業(yè)二:
1.plant? 元素選擇器
2.bento 元素選擇器
3.#fancy id選擇器
4.plate apple 后代選擇器
5.#fancy pickle 組合后代和id選擇器
6..small 類選擇器
7.orange.small 組合類選擇器
8.bento orange.small?
9.plate,bento 元素選擇器
10.* 通用選擇器
11.plate * 組合通用選擇器
12.plate + apple 相鄰選擇器
13.bento ~ pickle 一般兄弟姐妹選擇器
14.plate > apple 子選擇器
15.plate :first-child 選擇一個(gè)元素中的第一個(gè)元素
16.plate :only-child 選擇另一個(gè)元素中唯一的元素
17.#fancy #, last-child ,plate + pickle?
18.:nth-child(3) 選擇另一個(gè)元素中的某一個(gè)
19.:nth-last-child(4)? 在另一個(gè)元素中按倒序的順序選擇
20.