有序列表


实例

有序 超文本(HTML )列表:

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


 

浏览器支持

 

元素ChromeIEFirefoxSafariOpera
<有序列表>

 

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


定义和用法

<有序列表> 标签定义有序列表。


提示和注释:

提示:请使用 层叠样式表  来定义列表的类型。


属性

: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“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</有序列表>
</主体>
</网页>

 



 

posted on 2022-01-17 17:29  立少  阅读(172)  评论(0)    收藏  举报

导航