有序列表
实例
有序 超文本(HTML )列表:
<!文章类型 网页>
<网页>
<主体>
<有序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
<有序列表 开始=“50“>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
</主体>
</网页>
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <有序列表> | 是 | 是 | 是 | 是 | 是 |
所有主流浏览器都支持 <有序列表> 标签。
定义和用法
<有序列表> 标签定义有序列表。
提示和注释:
提示:请使用 层叠样式表 来定义列表的类型。
属性
新:HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| 紧凑 | 紧凑 |
HTML5 中不支持。HTML 4.01 中不赞成使用。 规定列表呈现的效果比正常情况更小巧。 |
| 反向 | 反向 | 规定列表顺序为降序。(9,8,7...) |
| 开始 | 数字 | 规定有序列表的起始值。 |
| 类型 |
1 A a I i |
规定在列表中使用的标记类型。 |
全局属性
<有序列表> 标签支持 超文本(HTML )中的全局属性。
事件属性
<有序列表> 标签支持 超文本(HTML )中的事件属性。
实例
- 有序列表
- 本例演示一个有序列表。
-
<!文章类型 网页>
<网页>
<主体>
<有序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
<有序列表 开始=“50“>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
<列表项目标记>茶</列表项目标记>
</有序列表>
</主体>
</网页> - 不同类型的有序列表
- 本例演示不同类型的有序列表。
-
<网页>
<主体>
<标题4>数字列表:</标题4>
<有序列表>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>字母列表:</标题4>
<有序列表 类型=“A“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>小写字母列表:</标题4>
<有序列表 类型=“a“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>罗马字母列表:</标题4>
<有序列表 类型=“I“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
<标题4>小写罗马字母列表:</标题4>
<有序列表 类型=“i“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
</主体>
</网页>
浙公网安备 33010602011771号