您现在的位置： 365建站网 > 建站教程 > html5教程 > HTML <ol> 标签

HTML <ol> 标签

此节有 190 人学习过     参与评论

实例

有序 HTML 列表：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器都支持 <ol> 标签。

定义和用法

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

HTML 与 XHTML 之间的差异

在 HTML 4.01 中，ol 元素的 "compact"、"start" 以及 "type" 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中，ol 元素的 "compact"、"start" 以及 "type" 属性是不被支持的。

提示和注释：

提示：请使用 CSS 来定义列表的类型。

属性

New：HTML5 中的新属性。

属性 值 描述
compact compact

HTML5 中不支持。HTML 4.01 中不赞成使用。

规定列表呈现的效果比正常情况更小巧。
reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type
  • 1
  • A
  • a
  • I
  • i
 规定在列表中使用的标记类型。

全局属性

<ol> 标签支持 HTML 中的全局属性。

事件属性

<ol> 标签支持 HTML 中的事件属性。

TIY 实例

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

相关页面

HTML DOM 参考手册：Ol 对象

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛

您可能感兴趣的文章:

发表评论 (190人查看，0条评论)
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。
昵称：
最新评论
------分隔线----------------------------
html5教程目录

公司信息

· 网站介绍
· 联系我们
· 加入我们
· 服务条款

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间：9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号