為網頁新增列表和超連結

2021-10-07 02:08:38 字數 719 閱讀 8015

1.列表標籤:

無序列表:ul(unordered list ),內部巢狀多個li(列表項)標籤;

ul與li都擁有type屬性:disc、circle、square;

ul中只能巢狀li,不能直接在ul標籤中輸入文字;

有序列表:ol(ordered list),ol標籤內部可以巢狀多個li標籤;

type:1(預設)、a或a、i或i;

start:數字,規定專案符號的起始值;

value(li):數字,規定專案符號的數字;

使用ol/li的type、start、value屬性,最好通過css樣式屬性替代;

定義列表:dl(definition list):dl、dt:指定術語名詞、dd:對名詞進行解釋和描述;一對dt標籤可以對應多對dd;

dl、dt、dd三個標籤不允許出現其他標籤;

dl標籤必須與dt標籤相鄰;

2.css控制列表樣式:

list-style-type:用於控制列表顯示符號的型別;

由於各個瀏覽器對list-style-type屬性的解析不同,因此實際網頁製作過程中不推薦使用;

list-style-position屬性:inside:列表專案符號位於列表文字以內;

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

life-style:語法:life-style:列表專案符號 列表專案符號的位置 列表專案符號影象(不需要的專案可以省略);

html列表和超連結

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

html列表和超連結

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

列表與超連結

列表標記 無序列表ul 各項之間沒有順序的區分,通常是並列的。例如 標記用於定義無序列表,標記巢狀在標記中,用於描述具體的列表項,每對中至少應包含一對。中只能巢狀,在 標記中輸入文字的做法是不被允許的。和都擁有type屬性,用於指定列表專案符號。圖 有序列表ol 即為有排列順序的列表,其各個列表項按...