做黏土的網(wǎng)站互聯(lián)網(wǎng)營銷推廣公司
列表標(biāo)簽
列表在html里面經(jīng)常會(huì)用到的,主要使用來布局的,使其整齊好看.
無序列表
- 無序列表[重要]:
ul
,li
示例代碼1:
對(duì)應(yīng)的效果:
無序列表的屬性
屬性 | 值 | 描述 |
---|---|---|
type | disc ,square ,cirlce | 規(guī)定列表的項(xiàng)目符號(hào)的類型 |
注:disc
是 瀏覽器默認(rèn)展示方式,默認(rèn)展示方式可以不寫該代碼
示例代碼2:
運(yùn)行效果:
有序列表
- 有序列表[用的不多]:
ol
,li
示例代碼1:
運(yùn)行效果:
有序列表的屬性
屬性 | 值 | 描述 |
---|---|---|
type | a 表示小寫英文字母編號(hào)A 表示大寫英文字母編號(hào)i 表示小寫羅馬數(shù)字編號(hào)Ⅰ 表示大寫羅馬數(shù)字編號(hào)1 表示數(shù)字編號(hào)(默認(rèn)) | 規(guī)定列表的類型 |
start | number | 一個(gè)整數(shù)值屬性,指定了列表編號(hào)的起始值 |
示例代碼2:
運(yùn)行效果:
示例代碼3:
運(yùn)行效果:
自定義列表
- 自定義列表[重要] :
dl
(總標(biāo)簽) ,dt
(小標(biāo)題),dd
(圍繞標(biāo)題來說明)上面有個(gè)小標(biāo)題,下面有幾個(gè)圍繞著標(biāo)題來展開的.
示例代碼:
運(yùn)行效果:
小知識(shí)(希望能夠幫到你)
ul
是unordered lists的縮寫(無序列表)
li
是list item的縮寫(列表項(xiàng)目)
ol
是ordered lists的縮寫(有序列表)
dl
是definition lists的英文縮寫(自定義列表)
dt
是definition term的縮寫(自定義列表組)
dd
是definition description的縮寫(自定義列表描述)
nl
是navigation lists的英文縮寫(導(dǎo)航列表)
tr
是table row的縮寫(表格中的一行)
th
是table header cell的縮寫(表格中的表頭)
td
是table data cell的縮寫(表格中的—個(gè)單元格)
HTML 列表 | 菜鳥教程 (runoob.com)