当前位置:   article > 正文

详解HTML-02-认识列表标签_请简要描述定义列表的嵌套形式,并概括其中各个标记的含义。

请简要描述定义列表的嵌套形式,并概括其中各个标记的含义。

一、列表标签
1. 无序列表

定义:

无序列表顾名思义就是没有刻意顺序的列表

表示:
在这里插入图片描述

  • 无序标签使用<ul></ul>标签,每个标签项都是<li></li>标签
  • 无序列表是一个父子组合标签,不能单独出现
    在这里插入图片描述
  • 当HTML标签形成嵌套,必须注意代码的缩进(Tab键)

使用无序列表注意:

  1. li不能单独使用,它必须放到ul或者ol中使用
  2. HMTL规定,<ul>的子标签只能是<li>,绝对不能出现其它任何标签,注意:这边的不允许不是解析报错,是从语义规范上来说就不合理,其次会出现一些显示错位等一系列问题
  3. li标签是容器,内部可以放任何其它标签

在这里插入图片描述
在这里插入图片描述

无序列表的type属性:

无序列表有type属性,可以定义前导符号的样式,但是在HTML5中已经被废弃,建议使用CSS代替

描述
disc默认值,实心圆
circle空心圆
square实心方块
2. 有序列表

定义:

有序列表顾名思义就是有刻意顺序的列表

表示:
在这里插入图片描述

使用有序列表注意:

  1. li不能单独使用,它必须放到ul或者ol中使用
  2. HMTL规定,<ol>的子标签只能是<li>,绝对不能出现其它任何标签,注意:这边的不允许不是解析报错,是从语义规范上来说就不合理,其次会出现一些显示错位等一系列问题
  3. li标签是容器,内部可以放任何其它标签

有序列表的type属性:

ol标签可以设置type属性,用来设置编号的类型

type属性值含义
a表示小写英文字母编码
A表示大写英文字母编码
i表示小写罗马数字编码
I表示大写罗马数字编码
1表示数字编号(默认)

有序列表的start属性:

  • start属性值必须是一个整数,指定了列表编号的起始值。
  • 此属性的值必须为阿拉伯数字,尽管列表条目的编号类型type属性可能指定了罗马编号等其他类型的编号。

有序列表的reversed属性:

  • reversed属性指定列表中的条目是否是倒序排列的。
  • reversed属性不需要值,只需要写reversed单词即可,这是HTML5的全新特性。
3. 定义列表

定义:

定义列表顾名思义就是需要逐条给出定义的列表。

表示:
在这里插入图片描述

  • <dl>是定义列表标签,内容交替出现<dt><dd>标签
  • 也允许<dt><dd>不交替出现,而是分别处于不同的定义列表中
    在这里插入图片描述
    什么场景下使用定义标签::
    在这里插入图片描述
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/329336
推荐阅读
相关标签
  

闽ICP备14008679号