Chap 05 HTML使用列表

  HTML中共有3中列表：无序、有序、定义列表。无序和有序顾名思义，着重说一下定义列表。定义列表是一组带有特殊含义的列表，一个列表项目里包含条件和说明两部分。

 

5.1.1   有序列表ol

         有序列表的各个列表项一般采用数字或字母作为顺序号。

 

语法：

<ol>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

……

</ol>

 

5.1.2  有序列表的序号类型type

        默认情况下，有序列表的序号是数字的，通过type属性可以改变序号的类型，

包括大小写字母、阿拉伯数字和大小写罗马数字。

 

语法：

<ol  type="序号类型">

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

……

</ol>

 

5.1.3  有序列表的起始数值start

    默认情况下，有序列表的编号是从1开始的，通过start属性可以调整编号的起始值。

语法：

<ol start="起始数值">

<li> 有序列表项</li>

<li> 有序列表项</li>

<li> 有序列表项</li>

……

</ol>

说明：

       在该语法中，起始数值只能是数字，但是同样可以对字母和罗马数字起作用。

 

5.2 .1  无序列表标记<ul>

        无序列表的项目排列没有顺序，只以符号作为分享标识。

语法：

<ul>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

……

</ul>

 

5.2.2 无序列表的类型type

     默认情况下，无序列表的项目符号是一个实心圆，而通过type参数可以调整无序列表的项目符号，避免列表符号的单调。

语法：

<ul type="符号类型">

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

……

</ul>

 

说明：

      在该语法中，无序列表其他的属性不变，type属性则决定了列表项开始的符号。可以设置的值有3个：Disc、circle、square.

 

5.2.3   目录列表标记<dir>

     目录列表一般用来创建多列的目录列表，它在浏览器中的显示效果与无序列表相同，因为它的功能也可以通过无序列表来实现。

 

语法：

<dir>

<li> 列表项</li>

<li> 列表项</li>

<li> 列表项</li>

……

</dir>

 

说明：在该语法中，<dir>和</dir>标志着目录列表的开始和结束。

 

5.2.4   定义列表标记<dl>

         定义列表由两部分组成：定义条件和定义描述。定义列表的英文全称是definition  list。<dt>用来指定需要解释的名词，英文全称为definition term ；

<dd>是具体的解释，英文全称为definition description 。

 

语法：

<dl>

<dt>定义条件</dt>

<dd>定义描述</dd>

……

</dl>

 

说明：<dl>和</dl>分别标记了定义列表的开始和结束，<dt>后面添加要解释的名词，而在<dd>后面则添加该名词的具体解释。

 

5.2.5 菜单列表标记<menu>

    菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表的显示效果是相同的，因为它的功能也可以通过无序列表来实现。

 

语法：

<menu>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

……

</menu>