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


相关推荐

  • yum linux centos安装mysql详细教程[通俗易懂]

    yum linux centos安装mysql详细教程[通俗易懂]1、前往如下地址下载https://dev.mysql.com/downloads/repo/yum/(访问较慢,文末也会附上下载地址)我的系统是centos7,选择linux7即可2、点击download,进入下载页面这里点鼠标右键–复制链接地址即可(https://dev.mysql.com/get/mysql80-community-release-el7-3.noar…

    2022年6月26日
    30
  • 十大漏洞之逻辑漏洞

    十大漏洞之逻辑漏洞在十大漏洞中,逻辑漏洞被称为“不安全的对象引用,和功能级访问控制缺失”。现如今,越权和逻辑漏洞占用比例比较高,包括任意查询用户信息,重置任意用户密码,验证码爆破等。逻辑漏洞:常见的逻辑漏洞:交易支付,密码修改,密码找回,越权修改,越权查询,,突破限制等各种逻辑漏洞不安全的对象引用指的是平行权限的访问控制缺失A,B同为普通用户,他们之间彼此之间的个人资料应该相互保密的,A的资…

    2022年5月29日
    38
  • SSL及其加密通信过程「建议收藏」

    SSL及其加密通信过程「建议收藏」SSL协议和加密过程一、什么是SSL二、HTTPS和SSL三、SSL加密方式3.1对称加密与非对称加密3.1.1对称加密3.1.2非对称加密3.2具体的加密过程一、什么是SSLSSL英文全称SecureSocketLayer,安全套接层,是一种为网络通信提供安全以及数据完整性的安全协议,它在传输层对网络进行加密。它主要是分为两层:SSL记录协议:为高层协议提供安全封装、压缩、加密等…

    2022年6月3日
    40
  • Oracle触发器用法实例详解

    Oracle触发器用法实例详解oracle

    2022年7月11日
    15
  • php 清楚浏览器缓存,如何清除浏览器缓存「建议收藏」

    php 清楚浏览器缓存,如何清除浏览器缓存「建议收藏」头像是根据url指定的,更改头像后url仍然不变,即url指向的图片地址没变,但图片已经更换了因为url没变所以浏览器还是用原来的图片,怎么更改后及时显示新的图片呢?是因为浏览器的缓存吗,怎么用php清楚浏览器缓存呢回复内容:头像是根据url指定的,更改头像后url仍然不变,即url指向的图片地址没变,但图片已经更换了因为url没变所以浏览器还是用原来的图片,怎么更改后及时显示新的图片呢?是因为浏…

    2022年7月18日
    15
  • 台式机通过网线连接笔记本的wifi网络

    台式机通过网线连接笔记本的wifi网络由于在实验室的场地要求,不容易拉网线进行学习,也就开始研究利用网线连接笔记本来使台式机连接上网络。【台式机:Ubuntu18.04+笔记本:Windows10】首先,Ubuntu系统的网络设置不变【IPV4,IPV6都是自动的】其次开始设置Windows10的网络(设置不好容易导致笔记本也上不了网哦)1.右击我们的图标,进入网络和Internet设置。2.进入网络和共享中心3.点击笔记本的WLAN网络(这个时候默认你已经插上了网线,而且进入的这个过程可以通过控制面板进入)4.这个时候

    2022年6月26日
    36

发表回复

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

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