HTML学习笔记（6）--列表

HTML支持有序、无序和定义列表，下面分别说明并给出例子。

（1）有序列表

有序列表使用的是<ol>标签开始 标签下的每一项开始于<li>标签。有序标签的序号可是是数字 大写字母 小写字母 大写罗马数字 小写罗马数字，下面分别一一介绍

特别说明：在浏览器中默认有序列表是使用数字进行编号

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">在标签ol中没有特别指出 则用数字对表项进行编号。我们可以指定编号的起始数字，如：</span>

<ol start="3">

<li>Coffee</li>
<li>Milk</li>
</ol>

上面的代码指定了从数字3开始编号。

如果不想使用数字进行编号则需要使用type属性，属性值有：A（指定使用大写字母进行编号） a（指定使用小写字母进行编号） I（指定使用大写的罗马数字进行编号）i｛指定使用小写的罗马数字进行编号）如：

<ol type="I">
<li>Coffee</li>
<li>Milk</li>
</ol>

（2）无序列表

无序列表使用<ul>标签，每个表项一样都是使用<li>标签开始。无序标签的项目符号表默认是使用圆点，当然可以通过使用 type属性进行修改，属性值有三个 分别是disc（默认的圆点） square（方块） circle（空心圆点） 如：

<ul type="square">
<li>Coffee</li>
<li>Milk</li>
</ul>

（3）定义列表

定义列表使用<dl>标签开始 <dt>标签则是自定义列表项开始标签  <dd>则是每个自定义项定义的开始标签。如：

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

（4）嵌套列表

上面介绍的各种列表中可以进行嵌套列表。举个例子：如：

<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶
      <ul>
      <li>中国茶</li>
      <li>非洲茶</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>

上面的例子中在有序列表总嵌套了一个无序列表，然后在无序列表中又嵌套了两个一个无序列表。总而言之在嵌套列表时一样保证嵌套列表的完整性即可。