博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML <ol>标签简介
阅读量:4185 次
发布时间:2019-05-26

本文共 919 字,大约阅读时间需要 3 分钟。

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://wqdoi.baihongyu.com/

你可能感兴趣的文章
最长回文子串(Go,LeetCode)
查看>>
微信拼手气红包实现(Go,腾讯面试题)
查看>>
Z字形变换(Python,LeetCode)
查看>>
Z字型变换(Go,LeetCode)
查看>>
将十进制整数转换为字符串实现(Go)
查看>>
Go fmt.Println函数:将数据打印到控制台
查看>>
Linux mv命令:重命名文件
查看>>
Flask render_template函数
查看>>
整数反转(Python,LeetCode)
查看>>
CentOS修改主机名
查看>>
Python list remove方法
查看>>
整数反转(Go, LeetCode)
查看>>
查询Git版本
查看>>
Shell关系运算符
查看>>
Git配置用户信息
查看>>
删除Linux用户
查看>>
Python list pop方法:弹出列表内的元素
查看>>
Python调用C程序
查看>>
Go标识符
查看>>
Git移动文件,重命名文件
查看>>