列表标签

列表标签：

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

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

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

 

 

 

 

 

 

 

无序标签：

<ul></ul>

<li></li>

 

 基本语法格式：

<ul>                                                    1.无序列表的各个列表项之间没有顺序级别之分，是并列的

    <li>列表项1</li>                             2.<ul></ul>中只能嵌套<li></li>，<ul></ul>标签中输入其他标签或者文字的做法是不允许的

    <li>列表项2</li>                             3.<li>与</li>之间相当于一个容器，可以容纳所有元素

    <li>列表项.3</li>

    ......

</ul>

 

有序列表：

<ol></ol>

<li></li>

基本语法格式：

<ol>                                                    1.<ol></ol>中只能嵌套<li></li>，<ol></ol>标签中输入其他标签或者文字的做法是不允许的

     <li>列表项1</li>                            2.<li>与</li>之间相当于一个容器，可以容纳所有元素

     <li>列表项2</li>

     <li>列表项3</li>

     ......

</ol>

 

自定义列表：

<dl></dl>:用于定义描述列表（或定义列表）

<dt></dt>:表示定义项目或名字

<dd></dd>:描述每一个项目或名字

基本语法格式：

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

    <dt>名词1</dt>                                               2.<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>

    <dd>名词1解释1</dd>

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

    ......

</dl>

列表总结：