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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • .pfx 证书和 .cer 证书

    .pfx 证书和 .cer 证书证书系列:1:.pfx证书和.cer证书2:导入pfx证书通常情况下,作为文件形式存在的证书一般有三种格式:第一种:带有私钥的证书,由PublicKeyCryptographyStandards#12,PKCS#12标准定义,包含了公钥和私钥的二进制格式的证书形式,以.pfx作为证书文件后缀名。 第二种:DEREncodedBinary(.cer)二进制编码的证书,证书中没有私钥,DER编码二进制格式的证书文件,以.cer作为证书文件后缀名。 第三种:Bas.

    2022年6月3日
    96
  • 运算放大器 之 概述

    运算放大器 之 概述转载来源:[维基百科]《运算放大器》运算放大器(英语:OperationalAmplifier,简称OP、OPA、op-amp、运放)是一种直流耦合,差模(差动模式)输入、通常为单端输出(Differential-in,single-endedoutput)的高增益(gain)电压放大器。在这种配置下,运算放大器能产生一个比输入端电势差大数十万倍的输出电势(对地而言)。因为…

    2022年5月24日
    84
  • 微软高性能缓存AppFabric (一) 安装「建议收藏」

    微软高性能缓存AppFabric (一) 安装「建议收藏」博客原文链接:http://www.cnblogs.com/Qbit/p/6088703.htmlAppFabric缓存功能的前身是VeloCity,它是基于windows平台的一个高速内存缓存

    2022年7月2日
    39
  • java中hashmap的实现原理与底层数据结构

    java中hashmap的实现原理与底层数据结构Hashmap是java面试中经常遇到的面试题,大部分都会问其底层原理与实现,本人也是被这道题问惨了,为了能够温故而知新,特地写了这个博客,以便时时学习。Hash结构HashMap根据名称可知,其实现方法与Hash表有密切关系。在讨论哈希表之前,我们先大概了解下其他数据结构在新增,查找等基础操作执行性能。数组:采用一段连续的存储单元来存储数据。对于指定下标的查找,时间复杂度为O(1);通过给…

    2022年5月19日
    31
  • VUE 网页生成 PDF[通俗易懂]

    VUE 网页生成 PDF[通俗易懂]保存当前网页为PDF格式到本地一、安装依赖1.npminstall–savehtml2canvas//作用是html转图片2.npminstalljspdf–save//再将图片转为pdf二、设置格式函数importhtml2Canvasfrom’html2canvas’importJsPDFfrom’jspdf’exportdef…

    2022年5月16日
    127
  • 深度学习 | Word2vec原理及应用

    深度学习 | Word2vec原理及应用聊聊Word2vec1前言2什么是Word2vec?2.1定义2.1.1分词的原理介绍2.1.2文本向量化的方式2.2数学原理2.2.1CBOW(ContinuousBag-of-Words)原理2.2.2Skip-Gram原理2.2.3为什么要有Word2vec而不是用原来的?2.2.4Word2vec基础:霍夫曼树2.2.5HierarchicalSoftmax2….

    2022年5月17日
    37

发表回复

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

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