<li>标签定义和用法:
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<ol>标记:
称为有序列表,编号列表标记。其功能是将文字段落向内缩进,并在段落的每个项目前面加上1,2,3 有顺序的数字。<ol>标记必须搭配<li>标记使用。
例子如下:
<!DOCTYPE html>
<html>
<body>:
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
</body>
</html>
显示:
- 咖啡
- 牛奶
- 茶
- 咖啡
- 牛奶
- 茶
<ol>标记的属性
-
属性 值 描述 compact compact HTML5 中不支持。HTML 4.01 中不赞成使用。
规定列表呈现的效果比正常情况更小巧。
reversed reversed 规定列表顺序为降序。(9,8,7...) start number 规定有序列表的起始值。 type
- 1
- A
- a
- I
- i
规定在列表中使用的标记类型。
<ul>标记: - 称为无序列表,其功能是将文字段落向内缩进,并在段落前面加上圆形或空心圆形或方块等项目符号,以达到醒目的效果。<ul>必须搭配<li>标记使用。
<html>
<body>
<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>
显示:一个无序列表: -
- 咖啡
- 茶
- 牛奶
属性 | 值 | 描述 |
---|---|---|
compact | compact | HTML5 中不支持。HTML 4.01 中不赞成使用。 规定列表呈现的效果比正常情况更小巧。 |
reversed | reversed | 规定列表顺序为降序。(9,8,7...) |
start | number | 规定有序列表的起始值。 |
type |
| 规定在列表中使用的标记类型。 |
<html>
<body>
<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>
显示:一个无序列表:- 咖啡
- 茶
- 牛奶