HTML—列表标签
列表使用场景:
内容相关、结构相似、样式相近的内容,根据内容的不同分为:无序列表、有序列表、定义列表
无序列表标签
<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。