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


相关推荐

  • Java 集合

    Java 集合

    2021年10月7日
    38
  • 高速数据采集存储系统分类

    随着计算机技术发展,计算机总线速率、处理能力与存储技术得到了快速发展。就存储技术而言相比于五年前,现在不论是传输速率,存储速度与存储容量均有了不同数量级的变化。如现在的PCIeExpress总线可以实现3GB/s(Gen2.0,X8)以上,或6GB/s(Gen3.0,X8)以上的传输速率;而SATA磁盘容量也可以轻易实现动辄几T,多动几十T的规模

    2022年4月9日
    53
  • 手把手教你学DSP5509视频教程「建议收藏」

    手把手教你学DSP5509视频教程「建议收藏」链接:https://pan.baidu.com/s/1GwRgSKOm_4wKkNUS65iJrA提取码:ybdy

    2022年5月5日
    47
  • linux find命令详解_linux du命令详解

    linux find命令详解_linux du命令详解find命令格式:findpath-option[-print][-exec-okcommand]{}\;find命令的参数:path:要查找的目录路径。~表示$HO

    2022年7月30日
    4
  • oracle 10g数据库连接时,错误ora12514 解决办法

    oracle 10g数据库连接时,错误ora12514 解决办法主要注意三点:1。在oracle安装目录下,..\oracle\product\10.2.0\db_1\NETWORK\ADMIN修改listener.ora文件,SID_LIST_LISTENER =  (SID_LIST =    (SID_DESC =      (SID_NAME = PLSExtProc)      (ORACLE_HOME = D:\oracle

    2022年7月15日
    34
  • Python爬取天气数据及可视化分析

    Python爬取天气数据及可视化分析Python爬取天气数据及可视化分析文章目录Python爬取天气数据及可视化分析说在前面1.数据获取请求网站链接提取有用信息保存csv文件2.可视化分析当天温度变化曲线图当天相对湿度变化曲线图温湿度相关性分析图空气质量指数柱状图风向风级雷达图未来14天高低温变化曲线图未来14天风向风级雷达图未来14天气候分布饼图3.结论4.代码框架附源代码说在前面天气预报我们每天都会关注,我们可以根据未来的天气增减衣物、安排出行,每天的气温、风速风向、相对湿度、空气质量等成为关注的焦点。本次使用python中req

    2022年6月27日
    20

发表回复

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

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