作者:墨镜元龙高卧 | 来源:互联网 | 2020-08-16 13:16
本篇文章介绍了html的ol标签是怎么去掉序号标号的,这里还有代码的详细解释,还有介绍了关于htmlol有序列表标签如何更改序号,下文介绍了三种序号,大家也可以自己去想填写怎样的序号。现在来看这篇文章吧
本篇文章介绍了html的ol标签是怎么去掉序号标号的,这里还有代码的详细解释,还有介绍了关于html ol有序列表标签如何更改序号,下文介绍了三种序号,大家也可以自己去想填写怎样的序号。现在来看这篇文章吧
一、我们先看看html中的ol标签是如何去掉标号的呢:
我们都知道html的ol标签是个有序列表的标签,通常都是以1、2、3、4这样一直持续下去的,有时候你又不想它就这样一直下去,想把这些数字换成别的,比如换成你自己序号啊A、I、i之类的,还比如你不要这些符号了,想把前面的序号给去掉,前面我们先说说如何去掉序号。(想看更多就来PHP中文网,关于HTML编程的课程)
让我们先看个完整的代码实例吧
- 第一PHP社区
- 百度
- 腾讯
这是一个基本的ol标签的代码,效果如下图显示:
我们很明显的能看到,这ol标签的序号默认都是123开始的,都是以小写数字做为默认的序号的,那么我们要做的就是要把序号给去掉。
现在给大家看一个已经去掉ol标签序号的代码实例:
- 第一PHP社区
- 百度
- 腾讯
跟上面也差
不多,这里比上面多加了一点层叠样式表css样式,这个样式,你现在还不需要去理解,这个以后会讲到,现在要做的就是把这个css样式的代码记住了,这个样式作用就是把当前网页内的所有ol标签内的序号都给取消了,效果如图:
这里我们不需要css样式了,只是最基本的html的标签中的属性而已。
现在我们介绍这个ol标签中的type属性:type属性定义了ol列表中的序号类型。
接下来我们以“A”、“I”、“i”三种来实验一下:
下面是这个的代码:
- 第一PHP社区
- 百度
- 腾讯
效果如下图所示:
html5中的meta标签的三要素是什么?meta标签的使用总结
以上就是html中的ol标签如何去掉标号呢?
标签的使用方法总结的详细内容,更多请关注 第一PHP社区 其它相关文章!