HTML列表標籤 詳解

2021-10-02 22:43:21 字數 818 閱讀 5996

無序列表

無序列表使用粗型圓點(典型小圓點)。

無序列錶用ul標籤,無序列表項用li標籤

瀏覽器效果如下:

樣式方面:

type屬性值

效果disc

設定專案符號為乙個實心圓點(ie瀏覽器預設值);

circle

設定專案符號為乙個空心圓點

square

設定專案符號為乙個實心方塊。

有序列表

有序列表使用粗型圓點(典型小圓點)。

有序序列錶用ol標籤,無序列表項用li標籤

"" >

冬瓜西瓜南瓜

北瓜

瀏覽器效果如下:

冬瓜西瓜

南瓜北瓜

樣式方面:

type屬性值效果1

設定專案編號為阿拉伯數字(ie瀏覽器預設值)

a設定專案編號小寫英文本母

a設定專案編號為大寫英文本母

i設定專案編號為小寫羅馬數字

i設定專案編號為大寫羅馬數字

定義列表

有序列表使用粗型圓點(典型小圓點)。

有序序列錶用ol標籤,無序列表項用li標籤

"" >

冬瓜西瓜南瓜

北瓜

瀏覽器效果如下:

冬瓜西瓜

南瓜北瓜

HTML 列表標籤 ol ul dl 詳解

無序列表的基本語法格式如下 注意 1 無序列表的各個列表項之間是並列的,沒有順序級別之分 2 中只能巢狀,直接在標籤中輸入其他標籤或者文字的做法是不被允許的 3 之間相當於乙個容器,可以容納所有元素 4 無序列表標籤擁有自己的樣式屬性,但在實際中,我們通常會通過css來設定 5 利用 list st...

HTML 列表標籤

列表分為兩種型別,即無序列表和有序列表。前者用專案符號來標記列表項,而後者則使用編號來記錄專案的順序。列表的主要標籤 標籤 描述說明 type 為無序列表的屬性 type 的屬性值有 circle,disc,square 含義分別為 空心圓,實心圓和實心正方形 定義列表包含兩個層次的列表 第一層次是...

HTML列表標籤

給一堆內容新增無序列表語義 乙個沒有先後順序整體 列表中的條目是不分先後 北京li 上海li 深圳li 武漢li ul 導航條 商品列表 新聞列表 這裡指的無序是指對於主體來說內容沒有先後之分 瀏覽器會給無需列表自動新增先導符號但是一定一定千萬千萬要記住,ul的作用並不是給文字新增小圓點,而是增加無...