7.HTML中列表标签

7.列表标签

7.1无序列表（重点）

表格是用来显示数据的，那么列表就是用来布局的。

列表最大的特点就是整齐，整洁，有序，他作为布局会更加自由和方便，

根据使用的情景不同，列表可分为三大类：无序列表，有序列表和自定义列表。

有序列表

无序列表

自定义列表

< ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。

无序列表的基本语法格式

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。
无序列表的基本语法格式如下：
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ul>

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

< ul></ul>中只能嵌套< li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。

< li>与</li>之间相当于一个容器，可以容纳所有元素。

无序列表会带有自己的样式属性，但实际使用时，我们会使用CSS来设置

7.2有序列表

有序列表即为有排序的列表，奇各个列表项会按照一定顺序排列定义

在HTML标签中，<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用<li>标签来定义列表项。

有序列表格式如下，

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

< ol></ol>中智能嵌套<li></li>,直接在< ol></ol>标签中输入其他标签或者文字的做法是不被允许的

< li></li>之间相当于一个容器，可以容纳所有元素

有序列表会带自己样式属性，但实际使用时，我们会使用css来设置

7.3自定义列表

在HTML标签中，< dl></dl>标签用于定义描述列表（或定义列表），该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

其基本语法如下：

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

< dl></dl>里面只能包含<dt>和<dd>

< dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>

在HTML标签中，<dl>标签用于定义描述列表(或定义列表)，该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

7.4 列表总结

标签名	定义	说明
<ul></ul>	无序列表	里面只能包含li，没有顺序，使用较多，li里面可以包含任何标签
<ol></ol>	有序列表	里面只能包含li，有顺序，使用相对较少，li里面可以包含任何标签
<dl></dl>	自定义列表	里面只能包含dt和dd。dt和dd里面可以放任何标签