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)
上一篇 2022年6月17日 下午8:00
下一篇 2022年6月17日 下午8:00


相关推荐

  • Idea快捷键大全_零之轨迹超详细攻略

    Idea快捷键大全_零之轨迹超详细攻略4.1、字体设置file–>settings–>输入font–>设置字体样式以及字号大小。4.2、快速生成main方法psvm、main4.3、快速生成System.out.println()sout4.4、注意:IDEA是自动保存,不需要ctrl+s4.5、删除一行ctrl+y4.6、怎么运行:代码上右键–>run或者点击左侧的绿色箭头。ctrl+shift+F104.7、左侧窗口中的列表怎么展开?怎么关闭?左箭头关闭。

    2026年4月17日
    5
  • Oculus Rift DK2 安装所需电脑配置「建议收藏」

    Oculus Rift DK2 安装所需电脑配置

    2022年1月25日
    51
  • PyCharm打包成exe文件

    PyCharm打包成exe文件这里写自定义目录标题欢迎使用 Markdown 编辑器新的改变功能快捷键合理的创建标题 有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中 居左 居右 SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的 KaTeX 数学公式新的甘特图功能 丰富你的文章 UML 图表 FLowchart 流程图导出与导入导出导入欢迎使用 Markdown 编辑器你好 这是你第一次使用 Markdown 编辑器所展示的欢迎页 如果你想学习如何使用 Mar

    2026年3月17日
    2
  • android toast的用法_toast 安卓

    android toast的用法_toast 安卓AndroidToast用于在手机屏幕上向用户显示一条信息,一段时间后信息会自动消失。信息可以是简单的文本,也可以是复杂的图片及其他内容(显示一个view)。1.简单用法Toast.makeText(midlet.getApplicationContext(),”用户名不能为空”,Toast.LENGTH_LONG).show();2.自定义显示位置效果代码toast=Toast.mak…

    2025年9月8日
    7
  • 【机器学习实战】3、决策树

    【机器学习实战】3、决策树声明 本文内容来自机器学习实战和统计学习方法 是两者的整合 并非来自单个书籍 决策树 decisiontree 是一种基本的分类与回归方法 此处主要讨论分类的决策树 在分类问题中 表示基于特征对实例进行分类的过程 可以认为是 if then 的集合 也可以认为是定义在特征空间与类空间上的条件概率分布 决策树通常有三个步骤 特征选择 决策树的生成 决策树的修剪 用决策树分类 从根节点开始 对实例的某一特征进行测试 根据测试结果将实例分配到其子节点 此时每个子节点对应着该特征的一个取值 如此递归的对实例进行测

    2026年3月26日
    2
  • 全局平均池化层替代全连接层(battering ram)

    转载的文章链接:为什么使用全局平均池化层?关于globalaveragepoolinghttps://blog.csdn.net/qq_23304241/article/details/80292859在卷积神经网络的初期,卷积层通过池化层(一般是最大池化)后总是要一个或n个全连接层,最后在softmax分类。其特征就是全连接层的参数超多,使模型本身变得非常臃肿。之后,有大牛在NIN(NetworkinNetwork)论文中提到了使用全局平局池化层代替全连接层的思路,以下是摘录的一.

    2022年4月17日
    88

发表回复

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

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