HTML知識積累及實踐(三) 列表標籤

2021-08-27 18:35:27 字數 1578 閱讀 3869

無序列表是乙個專案的列表,此列專案使用粗體圓點(典型的小黑圓圈)進行標記。

無序列表始於

頁面的導航、分類等就是用ul li做的,不用**

效果如下:

有序列表  以數字標記 其他性質與無序列表基本一致

形式

列表項1

列表項2

列表項3

效果如下:

html標籤 定義列表

自定義列表不僅僅是乙個專案,而是專案及其注釋的組合

自定義列表以 標籤開始;

每個自定義列表項以 開始;

每個自定義列表項的定義以 開始。

自定列表項1

列表項的定義1

自定列表項2

列表項的定義2

列表項1

列表項2

列表項3

定義列表項1

列表項1定義

定義列表項2

列表項2定義

效果如下:

type主要控制無序列表列表項前方的小提示符

整體效果如下:

有序列表type也是改變前面的提示符

不同型別的有序列表: type=「預設數字/大寫字母a/小寫字母a/大寫羅馬字母i/小寫羅馬字母i」 列表 ;

abc可用於英語選擇題的製作等處

預設數字

我是乙個列表項

我是乙個列表項

我是乙個列表項

大寫字母

我是乙個列表項

我是乙個列表項

我是乙個列表項

小寫字母abc

我是乙個列表項

我是乙個列表項

我是乙個列表項

羅馬字母

我是乙個列表項

我是乙個列表項

我是乙個列表項

小寫羅馬字母

我是乙個列表項

我是乙個列表項

我是乙個列表項

效果如下:

我是乙個列表項

效果如下:

不僅可以2級巢狀,原則意義上說可以無限巢狀

有序列表和無序列表也可以穿插巢狀,但用無妨

自定義列表一般是用來做多行導航

html 知識積累

div 首先將position定義為,absolute relative或fixed。必須position為以上三個屬性,z index才能層級體現出來,才能起作用 設定 style 中 z index auto auto可定義為乙個值 整數數字 越大代表越置前,如可定義為 z index 9999...

HTML筆記(三) 列表

1.無序ul標籤 html body h4 乙個無序列表 h4 ul li 咖啡 li li 茶 li li 牛奶 li ul body html 效果 值描述disc 預設值。實心圓。circle 空心圓。square 實心方塊。2.有序ol標籤 html body type i ol li 咖啡...

html 三列布局(兩列自適應,一列固定寬度)

原文 html 三列布局 兩列自適應,一列固定寬度 不做過多解釋 主要是記錄乙個完整的布局樣式,實現頁面大致三列其中左右兩列是自適應寬度,中間固定寬度效果。不多少 奉上 公共標籤樣式 main 外邊框自適應區域 main title 標題 main title 頭部文號區 70px content ...