HTML之列表

（1）建立数字编号的列表：

使用<ol>和<li>标签创建带数字编号的列表。

例如：

<ol><li>《Java从入门到精通》<li>《JSP快速入门》<li>《VC++深入编程》<li>《VB实例教程》<li>《C++系统编程》</ol>

效果如下：

在<ol>标签中使用start属性，设置起始的序号。在<li>标签中使用value属性，改变列表内的编号顺序。

例如：

<ol start="10"><li>《Java从入门到精通》<li>《JSP快速入门》<li>《VC++深入编程》<li value="20">《VB实例教程》<li>《C++系统编程》</ol>

效果如下：

（2）指定编号的格式和顺序：

在<ol> 和 <li>标签中，使用type属性指定编号系统的类型。type属性的取值如下所示：

例如：

<ol type="A"><li>《Java从入门到精通》<li>《JSP快速入门》<li>《VC++深入编程》<li>《VB实例教程》<li>《C++系统编程》</ol>

效果如下：

（3）建立带有项目符号的列表：

使用<ul> 和 <li> 标签创建带有项目符号的列表，<ul>和<li>标签的type属性指定符号的样式，取值如下：

disc ：显示为实心的圆圈

square：显示为实心的方块

circle：显示为空心的圆圈

例如：

<ul type="disc"><li>《Java从入门到精通》<li>《JSP快速入门》<li>《VC++深入编程》<li>《VB实例教程》<li>《C++系统编程》</ul>

效果如下：

（4）建立无符号的列表：

使用<dl>与<dt>标签创建无符号的列表。

例如：

<dl><dt>《Java从入门到精通》<dt>《JSP快速入门》<dt>《VC++深入编程》<dt>《VB实例教程》<dt>《C++系统编程》</dl>

效果如下：

使用<dd>标签替换<dt>，可以创建缩进的列表。

（5）建立术语列表：

在<dl>元素中同时使用<dt>和<dd>标签，建立术语列表。术语列表中的列表项由两部分组成：术语和它的说明。术语由<dt>标签指定，说明由<dd>标签指定。

例如：

<dl><dt>HTML<dd>超文本标记语言<dt>HTTP<dd>超文本传输协议</dl>

效果如下：

感谢您的阅读~