• 7.HTML中列表标签

  ---

  7.列表标签

  7.1无序列表（重点）

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

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

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

                          有序列表

  

                          无序列表

  

                            自定义列表

  

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

  标签定义。

  无序列表的基本语法格式

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

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

  2. < ul>

中只能嵌套< li>,直接在

标签中输入其他标签或者文字的做法是不被允许的。

< li>与

之间相当于一个容器，可以容纳所有元素。

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

7.2有序列表

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

在HTML标签中，

标签用于定义有序列表，列表排序以数字来显示，并且使用
1. 标签来定义列表项。

有序列表格式如下，

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

1. < ol>

中智能嵌套

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

< li>

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

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

7.3自定义列表

在HTML标签中，< dl>标签用于定义描述列表（或定义列表），该标签会与

(定义项目/名字)和

(描述每一个项目/名字)一起使用。

其基本语法如下：

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

1. < dl>里面只能包含

   和

2. < dt>和

   个数没有限制，经常是一个
   对应多个

在HTML标签中，

标签用于定义描述列表(或定义列表)，该标签会与

(定义项目/名字)和

(描述每一个项目/名字)一起使用。

7.4 列表总结