列表项目标记

---

实例

<网页>
<主体>
<段落>有序列表：</段落>
<有序列表>
<列表项目标记>打开冰箱门</列表项目标记>
<列表项目标记>把大象放进去</列表项目标记>
<列表项目标记>关上冰箱门</列表项目标记>
</有序列表>
<段落>无序列表：</段落>
<无序列表>
<列表项目标记>雪碧</列表项目标记>
<列表项目标记>可乐</列表项目标记>
<列表项目标记>凉茶</列表项目标记>
</无序列表>
</主体>
</网页>

---

 

浏览器支持

 

元素	Chrome	IE	Firefox	Safari	Opera
<列表项目标记>	是	是	是	是	是

 

所有主流浏览器都支持 <列表项目标记> 标签。

---

定义和用法

<列表项目标记> 标签定义列表项目。

<列表项目标记> 标签可用在有序列表  和 无序列表  中。

---

HTML 与 XHTML 之间的差异

在 HTML 4.01 中，列表项目标记 元素的 "类型" 和 "值" 属性是不被赞成使用的。

在 XHTML 1.0 严格的DTD 中，列表项目标记 元素的 "类型" 和 "值" 属性是不被支持的。

---

提示和注释：

提示：请使用 层叠样式表 来定义列表和列表项目的类型。

---

可选的属性

属性	值	描述
类型	A a I i 1 圆盘 正方形 圆形	不赞成使用。请使用样式取代它。 规定使用哪种项目符号。
值	数字	不赞成使用。请使用样式取代它。 规定列表项目的数字。

---

全局属性

<列表项目标记> 标签支持 超文本（HTML ） 中的全局属性。

---

事件属性

<列表项目标记> 标签支持 超文本（HTML ）中的事件属性。

---

实例

一个无序列表

本例演示一个无序列表。

<网页>
<主体>
<标题4>一个无序列表：</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

不同类型的无序列表

本例演示不同类型的无序列表。

<网页>
<主体>
<标题4>圆盘 项目符号列表：</标题4>
<无序列表 类型=“圆盘“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
<标题4>圆形 项目符号列表：</标题4>
<无序列表 类型=“圆形“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
<标题4>正方形 项目符号列表：</标题4>
<无序列表 类型=“正方形“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
</主体>
</网页>

一个有序列表

本例演示一个有序列表。

<!文章类型 网页>
<网页>
<主体>
<有序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
<有序列表 开始=“50“>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
</主体>
</网页>

不同类型的有序列表

本例演示不同类型的有序列表。

<网页>
<主体>
<标题4>数字列表：</标题4>
<有序列表>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>字母列表：</标题4>
<有序列表 类型=“a“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>小写字母列表：</标题4>
<有序列表 类型=“a“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>大写罗马字母列表：</标题4>
<有序列表 类型=“I“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>小写罗马字母列表：</标题4>
<有序列表 类型=“i“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
</主体>
</网页>

嵌套列表

本例演示如何嵌套列表。

<网页>
<主体>
<标题4>一个嵌套列表：</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶
<无序列表>
<列表项目标记>红茶</列表项目标记>
<列表项目标记>绿茶</列表项目标记>
</无序列表>
</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

嵌套列表 2

本例演示更复杂的嵌套列表。

<网页>
<主体>
<标题4>一个嵌套列表：</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶
<无序列表>
<列表项目标记>红茶</列表项目标记>
<列表项目标记>绿茶
<无序列表>
<列表项目标记>中国茶</列表项目标记>
<列表项目标记>非洲茶</列表项目标记>
</无序列表>
</列表项目标记>
</无序列表>
</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

---

---