您当前的位置: 首页 >  html

Allen Su

暂无认证

  • 0浏览

    0关注

    431博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【HTML 教程系列第 14 篇】什么是 HTML 中的有序列表 ol

Allen Su 发布时间:2019-10-23 22:35:42 ,浏览量:0

这是【HTML 教程系列第 14 篇】,如果觉得有用的话,欢迎关注专栏。

在 HTML 中,列表共分为三种,分别是 有序列表,无序列表 和 定义列表 。

本篇博客介绍第一种:有序列表

文章目录
      • 一:什么是有序列表
      • 二:使用 type 属性更改列表项符号

一:什么是有序列表

简介

顾名思义,有序列表中的每个列表项就是有顺序的,列表项一般采用数字或者字母作为顺序,但默认为数字。

在 HTML 中,有序列表用 ol 标签定义,从

    开始,到
结束。每个列表项从
  • 开始,到
  • 结束。

    语法

    
    	列表项一
    	列表项二
    	列表项三
    	列表项N
    
    

    浏览器效果如下 在这里插入图片描述 说明

    标签 ol,其实是 ordered list(有序列表) 的英文缩写,标签 li 是 list(列表、清单) 的英文缩写。

    一个

  • 标签代表一个列表项,可以看出,一个有序列表可以有多个列表项。

    注意事项

    1. ol 标签需要配合 li 标签一起使用,不能单独使用。
    2. ol 标签的子标签只能是 li 标签,不能是其它标签。
    3. ol 标签的内部文本,只能在 li 标签内部添加,不能在 li 标签外部添加。

    这里我测试了一下在 ol 标签里写入 p 标签,如下图所示 在这里插入图片描述 编辑器提示我元素 p 不能出现在这里,并对 p 进行了高亮显示。可见 ol 标签的子标签确实不能放入其它标签。

    但浏览器可以正常运行吗 ?如下图所示 在这里插入图片描述 出乎意外,浏览器竟然可以正常解析,不过编辑器是不允许出现这种写法的,我们记住即可。

    二:使用 type 属性更改列表项符号

    有序列表中列表项的默认顺序用数字来表示,有没有其它的表示符号呢?当然有,继续往下看

    在 HTML 中,用 type 属性来改变列表项的符号。

    语法

    
    	列表项一
    	列表项二
    	列表项三
    	列表项N
    
    

    type 的属性值

    在有序列表中,type 属性共有五个可取属性值,如下表格所示 在这里插入图片描述 这里以属性值 a 为例,我们看一下它的效果。

    代码如下所示

    
    	
    		列表项一
    		列表项二
    		列表项三
    		列表项N
    	
    
    

    浏览器运行效果如下 在这里插入图片描述 你的问题得到解决了吗?欢迎在评论区留言。

    赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。

    结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。
    关注
    打赏
    1656491068
    查看更多评论
    立即登录/注册

    微信扫码登录

    0.0420s