前端HTML列表 標籤的屬性和使用

2021-07-23 10:12:03 字數 1325 閱讀 9464

將具有相似特徵或先後順序的內容按照從上到下的順序排列起來

列表是由

列表型別 和

列表項 組成的

列表型別:

有序列表

無序列表

自定義列表

列表項:

表示具體的列表中的內容 

1、有序列表

1、語法:

--> order list

列表項:內容 --> list item

2、ol 的屬性

1、type

列表標識的型別

取值:1、1 :數字(預設值)

2、a :小寫字母

3、a :大寫字母

4、i :小寫羅馬字元

5、i :大寫羅馬字元

2、start

列表標識的起始編號

預設為1

a b c

2、無序列表

1、語法

->unorder list

列表項:

2、屬性

1、type

取值:1、disc,實心圓(預設值)

2、circle,空心圓

3、square,實心矩形

4、none,不顯示標識

3、列表巢狀

注意:顯示的內容只能放在 li 中

姓名:

成績: 98

77 88

4、定義列表

1、作用

用於要給出一類事物的定義的情形。

2、語法

1、 定義乙個定義列表

2、 定義 列表中的乙個術語

3、 對 術語 進行解釋和說明

3、使用場合

**混排

1、列表項標誌

屬性:list-style-type

取值:none :無標記

disc :實心圓

circle :空心圓

square :實心矩形

2、列表項影象

屬性:list-style-image

取值:url(影象url);

3、列表項位置

屬性:list-style-positioin

取值:1、outside:標誌位於文字區域之外,預設值

2、inside:標誌位於文字區域之內

4、列表屬性簡寫

屬性:list-style

取值:type url() position;

最常用方式:list-style:none;   -------取消列表項標記

前端html學習筆記 列表標籤

是用來顯示資料的,列表是用來布局的 1.列表包括三大類 無序列表 有序列表 自定義列表 一.無序列表 無序列表的基本語法格式如下 中只能巢狀,不可以在標籤中插入其他標籤 之間相當於乙個容器,可以容納所有元素 二.有序列表 即為有排列順序的列表 有序列表的基本語法格式如下 標籤用於定義有序列表,列表排...

html中的label標籤for屬性的使用

for屬性規定label與哪個表單元素繫結。這種繫結關係是顯式關係繫結。如下 for personinfo id 個人資訊 text name personinfo name id personinfo id label標籤不需要for屬性,input標籤也不需要id屬性,而是通過label標籤中嵌...

前端HTML 常用標籤及屬性

對於很多人來說,用html標籤都是熟能生巧,而不清楚為什麼是那樣的標籤,所以我在這列了乙個表,翻譯了其對應的英文。相對路徑是指目標相對於當前檔案的路徑,網頁結構設計中多採用這種方法來表示目標的路徑。相對路徑有多種表示方法,其表示的意義不盡相同。表示方法如下 絕對路徑是指完整的 假設圖一中專案的 網域...