HTML学习笔记（6）

HTML基础学习：

一、列表标签

什么是列表标签？

• 作用：给一堆数据添加列表语义，也就是告诉浏览器这一堆数据是一个整体

HTML中列表标签的分类

• 1.无序列表（Unordered list）
  作用：给一堆数据添加列表语义，并且这一堆数据中所有的数量都没有先后之分
  格式：

<ul>
	<li>需要显示的条目内容</li>
</ul>

注释：li即list item，列表条目的意思
注 意：（1）ul标签和li标签是一个组合，所以一般情况下不会单独使用
（2）ul标签中不推荐包含其他标签
（3）li标签中除了可以添加其他标签来丰富界面以外，还可以添加ul标签
应用场景：
1.新闻列表
2.商品列表
3.导航条

• 2.有序列表(ordered list)

<ol>
	<li>xxx</li>
</ol>

注意点和无序列表相同

• 3.定义列表(definition list)
• 格式：

<dl>
	<dt>xxx</dt>
	<dd>xxx</dd>
</dl>

作用：1.给一堆数据添加列表语义
2.通过dt标签定义列表中的所有标题，然后再通过dd标签给每个标题添加描述信息
*应用场景：*1.做网站尾部的相关信息
2.做图文混排
3.
注意：一个dt标签可以没有对应的dd标签，也可以有多个对应的dd标签
推荐一个dt对应一个dd标签