HTML标签的使用 - 列表

无序列表

在布局中非常常用。常用于一些整齐对齐的模块中使用。
<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讲前端