列表標記
無序列表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 專案符...