HTML中,列表有三种类型:无序列表(符号列表)、有序列表(编号列表)、定义列表。
一、无序号条例式清单
- 与
- 1.格式:
- …
- …
…
- …
- 无序条列清单的开始。
表示结束。…表示一个项目
不能在
中输入文字,才能显示在网页中。
- 与
- 是块级元素,会自动换行。2.
- 的属性属性名称 属性值 说明
type disc 实心圆(默认值)
circle 空心圆
square 实心方块
style list-style:none; 清除列表前的项目符号
jpadding-left:0px; 设置列表前缩进(0px表示是0像素)
如:
- 表示设置该列表所有项的项目符号为空心圆,左缩进为10像素
- 清除当前列表项前的缩进和项目符号3.列表嵌套:第一级默认实心圆,第二级默认空心圆,第三级默认实心方块
二、有序号条例式清单
- 与
- 1.格式:
- 列表的项目
- 列表的项目
- 列表的项目
- 列表的项目
- 列表的项目
- 列表的项目
- 有序条列清单的开始。
- 表示结束。
- …表示一个项目
2.
- 的属性属性名称 属性值 说明
type 1 表示以1,2,3来表示
a 表示以a,b,c来表示
A 表示以A,B,C来表示
i 表示以i,ii ,iii 来表示
I 表示以I,II,III 来表示
style list-style:none; 清除列表前的编号
jpadding-left:0px; 设置列表前缩进(0px表示是0像素)
start 数字 设置起始位置是第几位( - 没有此属性)如:
- 表示列表的编号会从第六个大写字母F开始编号。
其他属性用法与
- 类似,不再赘述
三、叙述式清单(定义列表)
1.格式:
- 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义术语(项目标题) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义术语(项目标题) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 定义说明(标题小具体的内容) 表示一个项目下的更详细的内容