一、有序列表
1、简介
在HTML中,有序列表中各个列表项是有顺序的。有序列表从<ol>开始,到</ol>结束。在有序列表中一般采用数字或字母作为顺序,默认采用数字顺序。
在语法中,<ol>和</ol>标志着有序列表的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项。
注意:ol标签和li标签需要配合一起使用,不可以单独使用,而且<ol>标签的子标签也只能是li标签,不能是其他标签。
2、type属性
在HTML中,我们可以使用type属性来改变列表项符号。在默认情况下,有序列表使用数字作为列表项符号。
相关的语法:
<ol type = "属性值">
<li>...</li>
<li>...</li>
</ol>
属性值 | 列表项符号 |
---|---|
1 | 阿拉伯数字:1、2、3…(默认值) |
a | 小写英文字母:a、b、c… |
A | 大写英文字母 |
i | 小写罗马数字 |
I | 大写罗马数字 |
注意:对于有序列表的列表项符号,等学了CSS后,不再使用type属性,而应使用list-style-type属性。
二、无序列表
1、简介
无序列表的列表项是没有顺序的,默认情况下无序列表的列表项符号是实心圆,可以通过type属性来改变其样式。
在语法中<ul>和</ul>标志着一个无序列表的开始和结束,<li>表示这是一个列表项。一个无序列表可以包含多个列表项。
注意:ul标签和li标签需要配合一起使用,不可以单独使用,而且ul标签的子标签也只能是li标签,不能是其他标签。
2、type属性
与有些列表一样,可以使用type属性来定义列表项符号。
属性值 | 列表项符号 |
---|---|
disc | 实心圆(默认) |
circle | 空心圆 |
square | 正方形 |
注意:对于无序列表的列表项符号,等学了CSS后,不再使用type属性,而应使用list-style-type属性。
3、注意点
无序列表需要注意:
- ul元素的子元素只能是li元素,不能是其他元素。
- ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加。
三、定义列表
在HTML中,定义列表由两部分组成:名词和描述。
相关的语法为:
<dl>
<dt>名词</dt>
<dd>描述</dd>
...
</dl>
在该语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。