HTML 14 列表

HTML 14 列表

 

1.无序列表<ul>，项目默认用圆点标记。ul是un order list

格式：

<ul>

<li>咖啡</li>

<li>茶叶</li>

</ul>

结果：

 

解释：

<ul></ul>定义无序列表

<li></li>定义列表项目

 

2.有序列表<ol>，项目默认用连续数字标记。ol是order list

例如：

<ol>

  <li>咖啡</li>

  <li>牛奶</li>

</ol>

<ol start="50">

  <li>咖啡</li>

  <li>牛奶</li>

</ol>

结果：

 

注：列表项内部<li></li>可以使用段落、换行符、图片、链接以及其他列表等等

 

3.不同类型的无序列表

例如：

<ul type=“disc”><li>苹果disc</li></ul>     注：disc实心圆点

<ul type=“circle”><li>苹果circle</li></ul>    注：circle空心圆点

<ul type=“square”><li>苹果square</li></ul>   注：square实心方点

结果：

 

 

4.不同类型有序列表

例如：

<ol type=“A”><li>苹果</li><li>香蕉</li></ol>     

<ol type=“a”><li>苹果</li><li>香蕉</li></ol>

<ol type=“I”><li>苹果</li><li>香蕉</li></ol>   

<ol type=“i”><li>苹果</li><li>香蕉</li></ol>   

结果：

 

注：只有数字可以从非1开始，字母列表不可以B C D···

 

5.嵌套列表

例如：

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶

      <ul>

      <li>中国茶</li>

      <li>非洲茶</li>

      </ul>

    </li>

    </ul>

  </li>

  <li>牛奶</li>

</ul>

结果：

 

 

6.自定义列表

格式：

<dl>

  <dt>计算机</dt>

  <dd>用来计算的仪器 ... ...</dd>

  <dt>显示器</dt>

  <dd>以视觉方式显示信息的仪器 ... ...</dd>

</dl>

结果：

计算机

      用来计算的仪器

显示器

      以视觉方式显示信息的仪器

解释：

<dl></dl>定义列表define list

<dt></dt>定义列表项目define item

<dd></dd>定义列表项目的描述 define discription