HTML 有序列表 字母,HTML有序列表| HTML编号列表

HTML 有序列表 字母,HTML有序列表| HTML编号列表本文概述HTML排序列表或编号列表以编号格式显示元素。HTMLol标签用于有序列表。我们可以使用有序列表以数字顺序格式或字母顺序格式或强调顺序的任何格式来表示项目。编号列表可以有不同类型:数值(1,2,3)大写罗马数字(IIIIII)小罗马数字(iiiiii)大写字母(ABC)小写字母(abc)为了表示不同的有序列表,标记中有5种类型的属性。类型描述输入“1”这是默认类…

大家好,又见面了,我是你们的朋友全栈君。

本文概述

HTML排序列表或编号列表以编号格式显示元素。 HTML ol标签用于有序列表。我们可以使用有序列表以数字顺序格式或字母顺序格式或强调顺序的任何格式来表示项目。编号列表可以有不同类型:

数值(1, 2, 3)

大写罗马数字(I II III)

小罗马数字(i ii iii)

大写字母(A B C)

小写字母(a b c)

为了表示不同的有序列表,

  1. 标记中有5种类型的属性。

类型

描述

输入“ 1”

这是默认类型。在这种类型中, 列表项用数字编号。

输入“ I”

在此类型中, 列表项以大写罗马数字编号。

Type “i”

在此类型中, 列表项使用小写罗马数字编号。

输入“ A”

在此类型中, 列表项用大写字母编号。

输入“ a”

在此类型中, 列表项用小写字母编号。

HTML有序列表示例

让我们看一下HTML排序列表的示例, 该列表在编号列表中显示4个主题。这里我们没有定义type =“ 1”, 因为它是默认类型。

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ol type =“ I”

让我们看一下以罗马数字大写显示列表的示例。

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ol type =“ i”

让我们看一下以罗马数字小写显示列表的示例。

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ol type =“ A”

让我们看一下以大写字母显示列表的示例。

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ol type =“ a”

让我们看一下以字母小写显示列表的示例。

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

开始属性

start属性与ol标记一起使用以指定从何处开始列表项。

  1. :它将显示以“ 5”开头的数值。
    1. :它将显示以“ E”开头的大写字母。
      1. :它将显示以“ e”开头的小写字母。
        1. :它将显示以“ V”开头的罗马大写字母值。
          1. :它将显示以“ v”开头的罗马小写字母值。
            1. HTML
            2. Java
            3. JavaScript
            4. SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

反转属性

这是HTML

  1. 标记的布尔属性, 在HTML5版本中是新的。如果你将反向属性与

标签, 那么它将以降序编号(7、6、5、4 …… 1)。

例

  1. HTML
  2. Java
  3. JavaScript
  4. SQL

立即测试

输出:

html-ordered-list-numbered-list.png

支持的浏览器

Element

Chrome

IE

Firefox

Opera

Safari

Yes

Yes

Yes

Yes

Yes

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149865.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android微信怎么建群,微信怎么建群?微信怎么建群当群主?

    android微信怎么建群,微信怎么建群?微信怎么建群当群主?【科技讯】5月12日消息,微信怎么建群,微信怎么建群当群主?微信怎么建群聊,微信建群第一次多少人?想必这些问题,已经开始成为大家在日常使用微信时经常会遇到的一个问题,今天,科技讯小编就亲自上手,为大家一一解答这些问题。微信已然成为大家日常进行社交的第一工具,虽然同属腾讯旗下产品,但是微信与QQ显然有着明显的用户群体区分,qq仍然活跃着大量的95后甚至00后的年轻人,而在他们看来,微信则是“大人”们…

    2022年5月12日
  • [图像]Canny检测的Matlab实现(含代码)「建议收藏」

    [图像]Canny检测的Matlab实现(含代码)「建议收藏」图象的边缘是指图象局部区域亮度变化显著的部分,该区域的灰度剖面一般可以看作是一个阶跃,既从一个灰度值在很小的缓冲区域内急剧变化到另一个灰度相差较大的灰度值。Canny边缘检测基本特征如下:(1)必须满足两个条件:①能有效地抑制噪声;②必须尽量精确确定边缘的位置。(2)根据对信噪比与定位乘积进行测度,得到最优化逼近算子。这就是Canny

    2022年5月30日
  • Python面试基础知识_python自学需要哪些基础知识

    Python面试基础知识_python自学需要哪些基础知识python基础知识1.python的常用的数据结构有哪些?2.python的常用的数据类型?3.python生成随机数random(0,10)可以生成包含0~10的随机数吗?4.python反转列表,reverse5.python中有没有用过装饰器、用装饰器的场景,理解装饰器中的逻辑吗?插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML

    2022年8月31日
  • java基础—java.io.FileNotFoundException: D:\\AAA(拒绝访问。)

    java.io.FileNotFoundException: D:\AAA(拒绝访问)

    2022年2月24日
  • Cuda和cuDNN安装教程(超级详细)

    Cuda和cuDNN安装教程(超级详细)接下来我为大家带来超级详细的Windows10环境下cuda和cuDNN下载和安装方法:

    2022年6月14日
  • AvalonDock 2.0 的简单运用

    AvalonDock 2.0 的简单运用最近在研究AvalonDock的一些使用,碰到了一些问题。现在拿出来跟大家分享分享。网上找了一大把AvalonDock1.3版本的资料,弄出Demo后发现属性面板(DockableContent)设置成浮动后不能停靠其它的面板。最后只得试试AvalonDock2.0版本的,还好2.0版本没让我们失望。首先需要库文件:Xceed.Wpf.AvalonDock…

    2022年7月20日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号