html中的ol标签如何去掉标号呢?<ol>标签的使用方法总结


当前第2页 返回上一页

现在给大家看一个已经去掉ol标签序号的代码实例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>PHP中文网</title>

<style type="text/css">

ol{

list-style:none;

}

</style>

</head>

<body>

<ol>

  <li>php中文网</li>

  <li>百度</li>

  <li>腾讯</li>

</ol>

</body>

</html>

跟上面也差

不多,这里比上面多加了一点层叠样式表css样式,这个样式,你现在还不需要去理解,这个以后会讲到,现在要做的就是把这个css样式的代码记住了,这个样式作用就是把当前网页内的所有ol标签内的序号都给取消了,效果如图:

tuyi.png

上面已经没有序号了,很显然我们的实验成功了,虽然用了css样式,但这只是最简单的样式实例。用这个方法去掉标签是最简单也是最常用的一种方法。

二、现在我们来看看如何更改ol标签中的序号:

这里我们不需要css样式了,只是最基本的html的标签中的属性而已。

现在我们介绍这个ol标签中的type属性:type属性定义了ol列表中的序号类型。

接下来我们以“A”、“I”、“i”三种来实验一下:

下面是这个的代码:

1

2

3

4

5

6

7

<body>

<ol type="A">

  <li>php中文网</li>

  <li>百度</li>

  <li>腾讯</li>

</ol>

</body>

效果如下图所示:

tusan.png

这个属性规定了ol标签的序号改为以“A”开头的列表形式了,所以显示出来就是这样的。

当这个type属性值等于"a"时也一样,从小写的a开始,abc之类的。

当这个type属性值等于“I”时也一样,来看看效果:

tusi.png

当这个type属性值等于“i”时和等于“I”也差不多。

关于html ol标签用法的个人总结:

现在我们基本能想到用ol标签去做各种列表了,想要什么序号就改成什么序号,你的列表你说了算。ol有序列表定义的是它能把任何能无限延长的序号都能用上,如果序号都一样的话就和无序列表没区别了。所以还是好好使用有序列表吧。(想学更多就来:PHP中文网学HTML课程)

【小编推荐】

html中的head标签在哪里找?head标签的作用总结

html5中的meta标签的三要素是什么?meta标签的使用总结

以上就是html中的ol标签如何去掉标号呢?<ol>标签的使用方法总结的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html如何用b加粗字体

html页面如何显示上标和下标

html行内元素有哪些

html中aside是什么意思

如何使用css去掉a标签的下划线?(代码详解)

html i标签怎么用

html查看器是什么意思

html的meta标签应该如何使用

html是一种什么

关于html valign属性的作用和使用方法详解(附使用方法实例)

更多相关阅读请进入《ol》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...