列表與超連結

2021-10-01 15:14:51 字數 1780 閱讀 3082

列表標記

無序列表ul

各項之間沒有順序的區分,通常是並列的。例如:

標記用於定義無序列表,標記巢狀在標記中,用於描述具體的列表項,每對中至少應包含一對中只能巢狀,在

標記中輸入文字的做法是不被允許的。

和都擁有type屬性,用於指定列表專案符號。
圖:

有序列表ol

即為有排列順序的列表,其各個列表項按照一定的順序排列,例如網頁中常見的歌曲排行榜、遊戲排行幫等都可以通過有序列表來定義。例子:

列表項1

列表項2

列表項3

...

和無序列表項類似,每對中也至少應包含一對。在有序列表中,除了type屬性之外,還可以為定義start屬性、為定義value屬性,它們決定有序列表的專案符號,其取值和含義如下圖:

定義列表dl

例:

名詞1

名詞1解釋1

名詞1解釋2

...,名詞2

名詞2解釋1

名詞2解釋2

...

標記用於指定定義列表,並列巢狀於中,其中,標記用於指定術語名詞,標記用於對名詞進行解釋和描述。一對可以對應多對,即可以對乙個名詞進行多項解釋。

列表的巢狀應用

css控制列表樣式

list-style-type屬性

圖:

list-style-image屬性

取值為影象的url(位址)。使用list-style-image屬性可以為各個列表項設定專案影象,使列表的樣式更加美觀。(實際工作中不建議使用list-style-image)。

list-style-position屬性

inside:列表專案符號位於列表文字以內

outside:列表專案符號位於列表文字以外(預設值)

list-style屬性

list-style:列表專案符號 列表專案符號的位置 列表專案影象;

在實際網頁製作過程中,為了更高效地控制列表專案符號,通常將list-style的屬性值定義為none,然後通過為設定背景影象的方式實現不同的列表專案符號。

超連結標記

基本語法格式:

文字或影象
標記是乙個行內標記,用於定義超連結,href和target為其常用屬性。
錨點鏈結

圖同時使用連線的偽類時,通常按照a:link、a:visited、a:hover和a:active的順序書寫。

html列表和超連結

堅持就是勝利!嗚嗚好累啊!白日依山盡情山水,黃河入海流進人家。欲窮千里目中無人,更上一層樓去人空.哎,哈哈!學習把今天學的內容總結一下 enne o 今天講的主要是列表和超連結,內容挺複雜的,不拋棄,不放棄!首先講的是列表,這個倒是很簡單,難度不大,只需記住幾個屬性就行!首先是定義列表dl標籤,在他...

html列表和超連結

堅持就是勝利!嗚嗚好累啊!白日依山盡情山水,黃河入海流進人家。欲窮千里目中無人,更上一層樓去人空.哎,哈哈!學習把今天學的內容總結一下 enne o 今天講的主要是列表和超連結,內容挺複雜的,不拋棄,不放棄!首先講的是列表,這個倒是很簡單,難度不大,只需記住幾個屬性就行!首先是定義列表dl標籤,在他...

第五章 列表與超連結

1 無序列表 ul 各個列表項之間是並列關係 標記巢狀在標記中,每對至少包含一對。中只能巢狀,直接在標記中輸入文字的做法是不被允許的。2 有序列表 ol 即為有排列順序的列表。每對 也至少包含一對。除type屬性之外,還可以為定義start屬性,為定義value屬性。type屬性的屬性值 1 專案符...