有序列表

在网页设计时，一般需要按照如下步骤进行：

1. 需求分析，并根据用户的需求提出设计方案

2. 按照设计方案进行模块设计

3. 进行代码实现

4. 进行测试，并进行安装和试运行

运行上述代码，其效果如图所示。

有序列表的序号类型：TYPE

【功能说明】

默认情况下，有序列表的列表项是阿拉伯数字，通过TYPE属性也可以修改有序列表的序号类型。

【基本语法】

1. 有序列表项

2. 有序列表项

3. 有序列表项

   ……

   在这里，TYPE的取值有5种，具体内容和含义如表所示。

   TYPE的取值设置的符号样式

   1 系统的默认效果，以数字1、2、3……进行排列

   a 以小写的字母a、b、c……进行排列

   A 以大写的字母A、B、C……进行排列

   i 以小写的罗马数字i、ii、iii、iv……进行排列I 以大写的罗马数字I、II、III、IV……进行排列

   【实例演示】

   下面通过实例设置不同的无序列表符号。

   在网页设计时，一般需要按照如下步骤进行：

   1. 需求分析，并根据用户的需求提出设计方案

   2. 按照设计方案进行模块设计

   3. 进行代码实现

   4. 进行测试，并进行安装和试运行

   ---

   在网页设计时，一般需要按照如下步骤进行：

   1. 需求分析，并根据用户的需求提出设计方案

   2. 按照设计方案进行模块设计

   3. 进行代码实现

   4. 进行测试，并进行安装和试运行

   运行上述代码，第一个列表使用了小写的字母作为序号；第二个列表则使用了大写罗马数字，如图所示。

   

   有序列表的起始数值：START

   【功能说明】

   默认情况下，有序列表从数字1开始。如果希望设置其他的起始数字，可以通过START属性来实现。

   

   【基本语法】

   1. 有序列表项

   2. 有序列表项

   3. 有序列表项

      ……

      在这里，不论编号类型是数字、英文字母还是罗马数字，设置ST ART的值都是通过数字来设定的。

      【实例演示】

      在网页设计时，一般需要按照如下步骤进行：

      3. 需求分析，并根据用户的需求提出设计方案

      4. 按照设计方案进行模块设计

      5. 进行代码实现

      6. 进行测试，并进行安装和试运行

      ---

      在网页设计时，一般需要按照如下步骤进行：

      5. 需求分析，并根据用户的需求提出设计方案

      6. 按照设计方案进行模块设计

      7. 进行代码实现

      8. 进行测试，并进行安装和试运行

      运行上述代码，其效果如图所示。

      

      2.4.2无序列表

      无序列表是指不以数字为列表开始的，而是使用一个符号作为分

      项标记。在无序列表中，各个列表项之间没有顺序级别之分，通常是并列的。

      【功能说明】

      无序列表是以

      标记开始，以
      标记结束的。在无序列表内的列表项使用LI表示。【基本语法】

      • 无序列表项

      • 无序列表项

      • 无序列表项

        ……

      在这里，每一个列表项前面都要有一个

      1. 标记，它表示一个新的列表项的开始。

         【实例演示】

         在网页设计中可以使用多种格式的图片，包括：

         • JPG格式，用来保存超过256色的图像格式。

         • GIF格式，采用LZW压缩，适用于商标、新闻标题等。

         • PNG格式，一种非破坏性的网页图像文件格式。

         运行上述代码，其效果如图7-1所示。

         

         设置无序列表的符号类型：TYPE

         【功能说明】

         默认情况下，无序列表的列表项符号是圆点●，如果希望将列表项符号更改，可以使用TYPE属性将其设置为空心圆点○或者空心方块□。【基本语法】

         • 无序列表项

         • 无序列表项

         • 无序列表项

           ……

           在这里，TYPE的取值有3种，其具体内容如表所示。

           TYPE的取值设置的符号样式设置效果

           Disc 圆点符号，是系统的默认值●

           Circle 空心圆点○

           Square 空心方块□

           【实例演示】

           在网页设计中可以使用多种格式的图片，包括

           • JPG格式，用来保存超过256色的图像格式。

           • GIF格式，采用LZW压缩，适用于商标、新闻标题等。

           • PNG格式，一种非破坏性的网页图像文件格式。

           ---

           在网页设计中可以使用多种格式的图片，包括

           • JPG格式，用来保存超过256色的图像格式。

           • GIF格式，采用LZW压缩，适用于商标、新闻标题等。

           • PNG格式，一种非破坏性的网页图像文件格式。

           ---

           在网页设计中可以使用多种格式的图片，包括

           • JPG格式，用来保存超过256色的图像格式。

           • GIF格式，采用LZW压缩，适用于商标、新闻标题等。

           • PNG格式，一种非破坏性的网页图像文件格式。

           运行上述代码，其效果如图所示。

           

           2.4.3定义列表

           【功能说明】

           定义列表也称为字典列表，是一种包含两个层次的列表，主要用于进行名词解释或名词定义。名词是第一层次，解释或定义是第二层次。另外，这种列表不包括项目符号，每个列表项带有一段缩进的定义文字。

           【基本语法】

           名词

           名词的解释

           名词

           名词的解释

           名词

           名词的解释

           ……

           在上述语法中，

           标记表示一个定义列表的开始；

           表示定义列表的结束；
           表示一个被解释的名词；
           表示这段文字是对前面名词的解释说明。

           【实例演示】

           在HTML中有多种列表类型

           无序列表

           不以数字为开始，而是使用一个符号作为分项标记的列表。

           有序列表

           使用数字编号，分项带有顺序性质的列表。

           定义列表

           用于解释名词的列表，包含了两种层次，一是名词，一是名词的解释。

           菜单列表

           主要设计单列的菜单列表，与无序列表的效果基本相同。

           目录列表

           用来创建多列的目录列表，与无序列表的效果基本相同。

           运行上述代码，其效果如图所示。