3-1 列表 [用来布局]

列表标签（重点）

列表跟表格类似，但是她的可组合自由度会更高。

最大特点：整齐、整洁、有序。

6.1 无序列表 ul （重点）

无序列表（Unordered List）的各个列表项之间没有顺序级别之分，是并列的。

语法格式：

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
      ...
</ul>

  注意：

1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的（可以，但不推荐）
2. <li></li>之间相当于一个容器，可以容纳所有元素。（举例：div img  等等等等）
3. 无序列表会自带样式。

6.2 有序列表（了解）

有序列表(Ordered List)是有顺序的。 

语法格式：

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
      ...
</ol>

6.3 自定义列表（理解）

 常用于对术语或名词进行解释和描述，自定义列表的列表项前没有任何项目符号

<dl>
    <dt>名词1</dt>
    <dd>名词1解释</dd>
    <dd>名词1解释2</dd>
      ...
    <dt>名词2</dt>
    <dd>名词2解释</dd>
    <dd>名词2解释2</dd>
      ...
</dl>

 效果如下：

总结：

• <ul></ul>  无序标签  里面只能包含li  没有顺序，我们以后布局中最常用的列表
• <ol></ol>  有序标签  里面只能包含li  有顺序，  使用情况较少
• <dl></dl>  自定义列表  里面有2个兄弟，dt 和 dd

3-1 列表 [用来布局]

原文：https://www.cnblogs.com/Nelson-Yen/p/14122536.html