HTML

标签

实例

2 个不同的有序列表实例：

< ol > < li > Coffee </ li > < li > Tea </ li > < li > Milk </ li > </ ol > < ol start = " 50 " > < li > Coffee </ li > < li > Tea </ li > < li > Milk </ li > </ ol >

尝试一下 »

浏览器支持

标签定义及使用说明

标签定义了一个有序列表. 列表排序以数字来显示。

使用

1. 标签来定义列表选项。

   ---

   提示和注释

   提示: 可以使用 CSS 来渲染，详细查看 CSS 列表。

   **提示:**无序列表，可以使用

   标签。

   ---

   HTML 4.01 与 HTML5中的差异

   "reversed" 属性是 HTML5 中的新属性。

   在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。

   ---

   属性

   New：HTML5 新属性。

   属性	值	描述
   compact	compact	HTML5 中不支持，不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。
   reversedNew	reversed	指定列表倒序(9,8,7...)
   start	number	一个整数值属性，指定了列表编号的起始值。这个属性在 HTML4中弃用，但是在 HTML5 中被重新引入。
   type	a 表示小写英文字母编号 A 表示大写英文字母编号 i 表示小写罗马数字编号 I 表示大写罗马数字编号 1 表示数字编号（默认）	规定列表的类型。不赞成使用。请使用样式代替。

   ---

   更多实例

   实例

   设置不同的列表样式(使用 CSS):

   < ol style = " list-style-type:upper-roman " > < li > Coffee </ li > < li > Tea </ li > < li > Milk </ li > </ ol > < ol style = " list-style-type:lower-alpha " > < li > Coffee </ li > < li > Tea </ li > < li > Milk </ li > </ ol >

   尝试一下 »

   实例

   使用 CSS 显示不同的列表样式:

   ol .a { list-style-type: armenian ; } ol .b { list-style-type: cjk-ideographic ; } ol .c { list-style-type: decimal ; } ol .d { list-style-type: decimal-leading-zero ; } ol .e { list-style-type: georgian ; } ol .f { list-style-type: hebrew ; } ol .g { list-style-type: hiragana ; } ol .h { list-style-type: hiragana-iroha ; } ol .i { list-style-type: katakana ; } ol .j { list-style-type: katakana-iroha ; } ol .k { list-style-type: lower-alpha ; } ol .l { list-style-type: lower-greek ; } ol .m { list-style-type: lower-latin ; } ol .n { list-style-type: lower-roman ; } ol .o { list-style-type: upper-alpha ; } ol .p { list-style-type: upper-latin ; } ol .q { list-style-type: upper-roman ; } ol .r { list-style-type: none ; } ol .s { list-style-type: inherit ; }

   尝试一下 »

   实例

   列表嵌套:

   < ol > < li > Coffee </ li > < li > Tea < ul > < li > Black tea </ li > < li > Green tea </ li > </ ul > </ li > < li > Milk </ li > </ ol >

   尝试一下 »

   ---

   全局属性

   标签支持全局属性，查看完整属性表 HTML全局属性。

   ---

   事件属性

   标签支持所有 HTML事件属性。

   ---

   相关文章

   HTML 教程：HTML 列表