html的列表分为有序列表,无序列表和自定义列表
1.有序列表(order list)
代码演示
<ol type="a"> <li>第一项数据</li> <li>第二项数据</li> <li>第三项数据</li> </ol>
li(list item)标签表示列表子项,用ol标签包裹的li标签形成有序列表
效果为
属性
ol和li标签都有type属性, 用于设定引导图标类型,但ol作用于列表所有项,而li只作用标记项。
type取值有1 i I a A ,分别表示数字,小写罗马字母,大写罗马字母,小写英文字母和大写英文字母。
2.无序列表(unorder list)
代码演示
<ul type="circle"> <li>第一项数据</li> <li>第二项数据</li> <li>第三项数据</li> </ul>
效果为
ul的用法和ol基本一致,只是type的取值不同,有circle disk square,分别表示圆圈,大圆点和正方形。
3.自定义列表(defined list)
自定义列表使用dl标签,有dt(data title标题)和dd(data description描述)两种成员标签。
代码演示为
<dl> <dt>标题1</dt> <dd>描述1</dd> <dt>标题2</dt> <dd>描述2</dd> <dt>标题3</dt> <dd>描述3</dd> </dl>
效果为