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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Android Spinner使用技巧讲解

    Android Spinner使用技巧讲解

  • 关于IFRAME的onload事件

    关于IFRAME的onload事件

    2021年10月19日
  • 常用的测试用例设计方法有那些类型_测试用例设计

    常用的测试用例设计方法有那些类型_测试用例设计扎实的基础是成功的一半,学号好基础,才能更好的进步!常见的测试用例设计方法主要会涉及以下几种:1、等价类2、边界值3、场景法4、判定表5、因果图6、错误推断法7、正交测试法(正交表)(今天主要解释前三种最为常用)选择合适的测试用例方法,有助于你去更好的梳理出逻辑关联关系,让你的测试覆盖率更高,更高效率的覆盖到所有测试点。一、等价类划分法1)定义依据需求输入划分为若干等价类,从等价类中选定一个测试…

    2022年10月11日
  • 黑马程序员—只要路对,不怕路远——寂寞中蔓延着成功路途[通俗易懂]

    黑马程序员—只要路对,不怕路远——寂寞中蔓延着成功路途[通俗易懂]文章来源:黑马程序员,黑马论坛

  • 博弈论分析题_博弈论

    博弈论分析题_博弈论问题描述小明开了一家糖果店。他别出心裁:把水果糖包成4颗一包和7颗一包的两种。糖果不能拆包卖。小朋友来买糖的时候,他就用这两种包装来组合。当然有些糖果数目是无法组合出来的,比如要买10颗糖。你可以用计算机测试一下,在这种包装情况下,最大不能买到的数量是17。大于17的任何数字都可以用4和7组合出来。本题的要求就是在已知两个包装的数量时,求最大不能组合出的数字。输入格式两个正整数,表示每种

    2022年10月15日
  • vscode控制台输出乱码_python运行出现乱码

    vscode控制台输出乱码_python运行出现乱码问题:在VSCode中使用RunCode运行python程序会出现以下乱码:原因:没有设置python的编码格式问题解决:在file—Preferences——Settings中找到RunCodeconfiguration——Editinsettings.json,如下在打开的json文件中查看是否有”code-runner.executorMap”:{…}项,没有的话就手动加进去,然后找到”python”:”python..

发表回复

您的电子邮箱地址不会被公开。

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