HTML-列表标签

特点：整齐，简介，有序，用来布局

无序列表

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

<ul>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

    ....

</ul>

注意：

1. 无序列表的各个列表之间没有顺序之分，是并列的；
2. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中放其他标签或者文字的做法是不被允许的；
3. <li>与</li>之间相当于一个容器，可以容纳所有元素；
4. 无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS属性。

  例： 

   <h4>您最喜欢的食物</h4>
    <ul>
     <li>榴莲</li>
     <li>臭豆腐</li>
     <li>螺蛳粉</li>
   </ul>

有序列表

<ol>标签用于定义有序列表，<li>来定义标签项

<ol>

     <li>列表项1</li>

     <li>列表项2</li>

     <li>列表项3</li>

    …

</ol>

注意

1. <ol></ol>中只能嵌套<li></li>，直接在<ol></ol>标签中方其他标签或者文字的做法是不被允许的；
2. <li>与</li>之间相当于一个容器，可以容纳所有元素；
3. 有序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS属性。

  例：

  <h4>粉丝排行榜</h4>
    <ol>
        <li>up 10000</li>
        <li>kao 88</li>
        <li>dori 2</li>
   </ol>

自定义列表

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

<dl>

     <dt>名词1</ dt>

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

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

    …

</dl>

注意：

1. <dl></dl>里面只能包含<dt>和<dd>；
2. <dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>。

  例：

   <dl>
        <dt>我喜欢的男人</dt>
        <dd>金明洙</dd>
        <dd>樱田通</dd>
        <dd>宋亚轩</dd>
   </dl>