HTML 有序列表 字母,HTML之有序列表教程

HTML 有序列表 字母,HTML之有序列表教程HTML之有序列表教程信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值,或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了…

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

HTML之有序列表教程

信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值,或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了。那么还是先来了解一下有序列表的代码形式:

这就是列表的.内容了,这是第一句

这就是列表的内容了,这是第二句

这就是列表的内容了,这是第三句

这就是列表的内容了,这是第四句

这就是列表的内容了,这是第五句

大家看到了其本形式与无序列表的一样,只是在外围标签上名称不同。无序是UL,有序就变成OL了。所不同的是有序列表将会有比无序更多的标签属性。因为是有序的就会涉及顺序的方方面面。

改变开始值

通常情况下浏览器会从阿拉伯数字“1”开始自动有序编号。而事有特殊,当有序列表需要变成两个部分,那么下一部人从头开始编号自然就是不对的了。那么下一部分的编号自然是要根据上一段最后一个编号加1为开始号。这就是说我们需要改变列表的开始值。改变开始值的属性是:”start”,正式的写法是:

这就是列表的内容了,这是第一句

这就是列表的内容了,这是第二句

这就是列表的内容了,这是第三句

这就是列表的内容了,这是第四句

这就是列表的内容了,这是第五句

大家注意到了,上面这段代码是说列表的开始值是从6开始的,那么现在可以试着在一段有序列表中加入这一属性看看是否发生了变化?

改变编号类型

浏览器中默认一般都是阿拉伯数字为列表编号,那么是否可以有别的类型呢?有,属性为“type”,不过提供的类型不多,只有五种:

类型值 生成样式 序列举例 A 大写字母 A、B、C、D、E a 小写字母 a、b、c、c、e I 大写罗马数字 I、II、III、IV、V i 小写罗马数字 i、ii、iii、iv、v 1 阿拉伯数字 1、2、3、4、5

在代码中的写法应该是:

这就是列表的内容了,这是第一句

这就是列表的内容了,这是第二句

这就是列表的内容了,这是第三句

这就是列表的内容了,这是第四句

这就是列表的内容了,这是第五句

我认为这个类型值大家还是少用为好,因为用CSS一样可以设置这个类型。我一向主张样式方面的事应由样式语言来做。那么除非特殊原因,这个属性还是不用为好。当然无论是CSS1还是CSS2基本上都没考虑中国,在CSS2中已经为提供了日文编号字符,可是还没有中文。我认为在这点上CSS2还是有着缺陷的,至少他没有提供更好的扩展形式。虽然他没提供,但是我们一样可以用我们自己的形式去完成多样化。怎么做呢?请大家先思考,后面有关于列表的样式内容将会讲述我是如何处理的。

【HTML之有序列表教程】相关文章:

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

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

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

相关推荐

  • py 2021.5.2激活码【在线注册码/序列号/破解码】[通俗易懂]

    py 2021.5.2激活码【在线注册码/序列号/破解码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
  • C#MQTTNET服务端使用说明

    C#MQTTNET服务端使用说明C#MQTTNET服务端使用说明1.安装MQTTNet两种方式Shell可视化安装2.当前我的项目安装的依赖如下3.如何使用1.我想启动MQTT服务器,我该怎么做?2.我想知道MQTT服务器是否启动成功,我该怎么做?3.我想知道MQTT服务器是否停止允许,我该怎么做?4.我想知道有那些设备连接上了服务器,我该怎么做?5.我想知道有那些设备断开连接,我该怎么做?6.我想监听消息,我该怎么做?7.我想连接的客户端校验身份信息后才允许收发消息,我该怎么做?8.我想知道客户端订阅主题与取消订阅主题,我该怎么做?1.

    2022年6月25日
  • 大数据的简要介绍[通俗易懂]

    大数据的简要介绍[通俗易懂]大数据【介绍】1)大数据是什么2)大数据特点3)大数据能做什么(海量数据背景下)4)大数据项目流程1)大数据是什么指数据集的大小超过了现有典型数据库软件和工具的处理能力的数据2)大数据特点①海量化(Volume):数据量从TB到PB②多样化(Variety):数据类型复杂,超过80%的数据是非结构化的③快速化(Velocity):数据量在持续增加(两位数的年增长率)数据的处理速度要求高④高价值(Value):在海量多样数据的快速分析下能够发挥出更高的数据价值3)大数据能做什么(海量

    2022年5月24日
  • verilog代码转化电路图_门电路实现补码运算

    verilog代码转化电路图_门电路实现补码运算comp_conv.v://2022-1-19verilog学习//补码转换逻辑`timescale1ns/10ps;modulecomp_conv( a, a_comp );input[7:0] a;output[7:0] a_comp;//中间变量wire[6:0] b;//负数按位取反的幅度位(1位符号位+7位幅度位)wire[7:0] y;//负数的补码assign ..

    2022年9月17日
  • 搭建SpringCloud项目,并实现自动化部署[通俗易懂]

    搭建SpringCloud项目,并实现自动化部署[通俗易懂]前一阵子一直在忙着做项目,最近有空,把项目中用到的SpringBoot微服务相关架构再梳理一遍。项目资源:https://github.com/sunroyi/SpringCloud主要分为以下几步:(1)搭建SpringBootService,这里是各个微服务的业务逻辑。(这里搭建了2个Service,用来测试熔断)(2)搭建SpringBootEureka,用来发现服务。(…

    2022年5月27日
  • Python矩阵计算

    Python矩阵计算1、构建矩阵*1)、集合形式建立矩阵asmatrix()函数。(1)数组形式建立矩阵函数matrix(data,dtype=None,copy=True),data为数值类型的集合对象,dtype指定输出矩阵的类型,copy=True进行深度拷贝建立全新的矩阵对象,copy=False仅建立基于集合对象的视图(深度拷贝、视图的原理见5.2节内容)。功能类似于mat()函数、importnumpyasnpa=np.array([[1,2,3],[4,5,6],[7,8,9]])

    2022年6月28日

发表回复

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

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