HTML—列表标签

233 阅读1分钟

HTML—列表标签

img

列表使用场景:

内容相关、结构相似、样式相近的内容,根据内容的不同分为:无序列表、有序列表、定义列表

无序列表标签

<ul>
    <li></li>
</ul>
(无序,出来就是一个一个点)

是嵌套关系,快捷键ul>li

  • ul:unordered list,表示定义一个无序列表的大结构

  • li:list item,列表项,定义的是无序列表内的某一项

有序列表标签

<ol>
    <li></li>
</ol>
(默认是1. 2. 3. 要更改类型的话就在ol后写 type
比如<ol type="A">)

是嵌套关系,快捷键ol>li

  • ol:ordered list,表示定义一个有序的列表的大结构。
  • li:list item,定义的是有序列表的每一项。

#有序无序列表注意事项:

- 内部都只能嵌套<li>标签,而<li>不能脱离<ol><ul>单独书写
- <li>标签是经典的容器级标签,可嵌套一个有序无序列表
- <li>之间,有序列表有先后顺序,无序列表没有
- 都只是搭建列表结构,前面的数字或圆点是CSS负责的

定义标签

<dl>
    <dt>
        <dd></dd>
    </dt>
</dl>
(dl是定义列表,dt是title,列表里的标题,dd是解释.一个dt可以有很多个dd.td和dd是同级关系)

#定义列表注意事项:

  • 内部只能嵌套
    不能脱离
    单独书写。
  • dl内部可以放多组dt和dd,每个dd解释说明的是前面的距离最近的一个dt。
  • 每个dt后面可以有0到多个解释项的dd,每个dd解释的都是前面距离最近的一个dt。