HTML中UL OL LI的用法

2021-06-06 01:47:25 字數 1562 閱讀 8932

ul: unordered lists

ol: ordered lists

li: lists

ol 有序列表。

…………

……表現為:

1……2……3……

ul 無序列表,表現為li前面是大圓點而不是123

很多人容易忽略 dl dt dd的用法

dl 內容塊

dt 內容塊的標題

dd 內容

可以這麼寫:

標題內容1

內容2dt 和dd中可以再加入 ol ul li和p

理解這些以後,在使用div布局的時候,會方便很多,w3c提供了很多元素輔助布局。

li**的格式化:

a).運用css格式化列表符:

以下是引用片段:

ul li

b).如果你想將列表符換成影象,則:

以下是引用片段:

ul li

c).為了左對齊,可以用如下**:

以下是引用片段:ul

d).如果想給列表加背景色,可以用如下**:

以下是引用片段:

ul ul li

e).如果想給列表加mouseover背景變色效果,可以用如下**:

以下是引用片段:

ul ul li a

ul li a:hover說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

f).li中的元素水平排列,關鍵float:left:

以下是引用片段:

ul ul li

的區別的引數設定(常用):

例如:

type="square"

只適用於非順序清單,設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 if" width=10 height=10 border=0> 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

value="4"

只適用於順序清單,設定該一項的數目,其後各項將以此作為起始數目而遞增,但前面各項則不受影響,其值只能是 1,2,3.. 等整數,沒有內定值。

稱為無序清單標記。

所謂無序清單就是在每一項前面加上 、、等符號,故又稱符號清單。

的引數設定(常用):

例如:

type="square"

設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

是專案列表,是列表項,專案列表就是用符號來列的,所以你列出來預設的就是黑點,還有乙個是這個是編號列表,用數字來列的,也是用做列表項

是 list item 即列表項,但列表有很兩種,所以外面得有 或者 用來區別無序列表(小點點)和有序列表(1,2,3...)。

HTML知識點總結之ul,ol,li標籤

html列表分為有序列表,無序列表和描述列表。我們常用的是有序列表 ol 與無序列表 ul 標籤就可以定義乙個有序列表,之所以稱其為有序列表,是因為可以使列表具有排序功能。具體的列表項使用元素來規定。type屬性 實現不同方式的有序排序功能,不贊成使用,通常都會使用樣式取代它。1 1表示以1,2,3...

HTML中的 元素用法

base元素指定當前頁面中所有鏈結的基礎路徑。如果沒有base的話,頁面裡的所有相對路徑在生成絕對路徑的時候都會以自己的物理位置作為預設的基礎路徑。舉例來說,www.aaa.com bbb ccc.html 中的基礎路徑是bbb資料夾內 在這裡,代表上當前路徑 bbb 代表上一級路徑 www.aaa...

HTML中 Style的用法

style用來設定css樣式表的。css可算是網頁設計的乙個突破,它解決了網頁介面排版的難題。可以這麼說,html的tag主要是定義網頁的內容 content 而css決定這些網頁內容如何顯示 layout css的英文是cascading style sheets,中文可以翻譯成串聯式樣式表。cs...