HTML <ol>标签简介

1、简介

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


2、属性

2.1 标准属性

     id, class, title, style, dir, lang, xml:lang

2.2 可选属性

属性 描述 DTD
compact compact

不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。

TF
start number

不赞成使用。请使用样式取代它。

规定列表中的起始点。

TF
type
  • A
  • a
  • I
  • i
  • 1
规定列表的类型。不赞成使用。请使用样式代替。 TF

2.3 事件属性

      onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


3、示例

<html>
<body>


<h4>数字列表:</h4>
<ol>
       <li>苹果</li>
       <li>香蕉</li>
       <li>柠檬</li>
       <li>桔子</li>
</ol>  

<h4>字母列表:</h4>
<ol type="A">
       <li>苹果</li>
       <li>香蕉</li>
       <li>柠檬</li>
       <li>桔子</li>
</ol>  

<h4>小写字母列表:</h4>
<ol type="a">
       <li>苹果</li>
       <li>香蕉</li>
       <li>柠檬</li>
       <li>桔子</li>
</ol>  

<h4>罗马字母列表:</h4>
<ol type="I">
       <li>苹果</li>
       <li>香蕉</li>
       <li>柠檬</li>
       <li>桔子</li>
</ol>  

<h4>小写罗马字母列表:</h4>
<ol type="i">
       <li>苹果</li>
       <li>香蕉</li>
       <li>柠檬</li>
       <li>桔子</li>
</ol>  

</body>
</html>


显示结果:

数字列表:
  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子
字母列表:
  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子
小写字母列表:
  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子
罗马字母列表:
  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子
小写罗马字母列表:
  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

参考文献:http://www.w3school.com.cn/tags/tag_ol.asp


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值