學習隨筆 HTML列表 2020 11 11

2021-10-10 10:43:10 字數 1166 閱讀 2281

(一)無序列表ul(unordered list)

1.定義:無序列表就是列表項沒有先後順序的列表形式

li————list item 列表項

2.語法:

屬性1=

"屬性值"

屬性2="屬性值"

>

>

無序列表項li

>

ul>

3.屬性:type(型別)

(二)有序列表ol(ordered list)

1.定義:有序列表就是列表有先後順序的列表形式

2.語法:

屬性1=

"屬性值"

屬性2="屬性值"

>

>

有序列表項li

>

ol>

3.屬性:

type(型別)

type=「1」(預設),「a」,「a」,「i」,「羅馬數字」

reversed屬性:有序列表反向(h5新屬性)

用於指定列表倒序顯示

==reversed = 「reversed」

start = 「10」

從第10個序列開始排序

(三)自定義列表dl(definition list,defined list)

1.定義:自定義列表不僅僅是一列選項,而是專案的目標項及其注釋的組合(defined title,defined description)

2.語法:

>

>

標題dt

>

>

描述dd

>

....

>

標題dt

>

>

描述dd

>

dl>

(四)列表樣式

1.list-style-type(列表項標記樣式)

2.list-style-position(列表項標記的位置)

3.list-style-image(用影象替代列表項標記)

以上三個屬性都會在不同瀏覽器下產生不完全一致的效果,因此都不常使用

4.list-style 簡寫形式(用list-style屬性在同乙個宣告中設定所有的列表屬性)

html學習隨筆

屬性display inline 作用是設定物件做為行內元素顯示,inline是內聯物件的預設值 ps 內聯物件就是不自動產生換行的元素,比如span 而我們一般用的div是塊級元素,預設display屬性是block,但將div的display設定為inline的話,則多個div可以像span一樣...

html標籤學習隨筆

w3school 3 html 標籤 標籤定義文件與外部資源的關係。標籤最常見的用途是鏈結樣式表。在用於樣式表時,標籤得到了幾乎所有瀏覽器的支援,但是幾乎沒有瀏覽器支援其他方面的用途。rel stylesheet stylesheet 樣式表 rel 屬性 rel屬性,描述了當前頁面與href所指定...

HTML5學習隨筆

html5中各型別元素的具體使用,可以檢視 1 中有accept屬性,可以限制上傳的型別。如果不限制的格式,可以設定為accept image 如果只想上傳gif和jpeg格式的,則可以設定accept image gif,image jpeg 2 元素中有size屬性,可以設定下拉框的顯示選擇項的...