无序列表
在布局中非常常用。常用于一些整齐对齐的模块中使用。
<ul>:
- 定义列表的容器
- 只包含<li>的元素
<li>:
- 定义列表的选项
- 里面可以放其他html元素
<ul><li>无序列表1</li><li>无序列表2</li><li>无序列表3</li>
</ul>
显示效果：
使用场景例如：
商品列表
菜单
有序列表
不常用，了解即可。
<ol>:
- 定义列表的容器
- 只包含<li>的元素
<li>:
- 定义列表的选项
- 里面可以放其他html元素
<ol><li>有序列表1</li><li>有序列表2</li><li>有序列表3</li>
</ol>
显示效果：
描述列表 （自定义列表）
描述列表在我们的页面中主要是在底部。比如：
<dl>
- 定义列表的容器
- 只能包含<dt>和<dd>元素
<dt>
- 定义被描述的术语
- 通常定义为左对齐或加粗
- 一个<dt>可以对应<dd>
<dd>
- 包含术语的定义和描述
- 通常显示为缩进形式
- 可以包含段落、图片、链接等其他html元素
<dl><dt>描述列表1</dt><dd>描述列表1的详细内容</dd><dd>描述列表1的详细内容2</dd></dl>
显示效果：
参考 黑马pink讲前端