文档库

最新最全的文档下载
当前位置:文档库 > Dreamweaver列表

Dreamweaver列表

列表

列表是一种非常实用的数据排列方式,它以条列式的模式来显示数据,使页面中的内容结构更加清晰,能够令读者一目了然。

2.4.1有序列表

【基本语法】

  1. 有序列表项

  2. 有序列表项

  3. 有序列表项

    ……

有序列表和无序列表相同,每个列表项前都要有项目的标记

  • 。【实例演示】

    有序列表

    在页面中使用有序列表

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

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

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

    3. 进行代码实现

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

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

    Dreamweaver列表

    有序列表的序号类型: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. 进行测试,并进行安装和试运行

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

        Dreamweaver列表

        有序列表的起始数值:START

        【功能说明】

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

        Dreamweaver列表

        【基本语法】

        1. 有序列表项

        2. 有序列表项

        3. 有序列表项

          ……

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

            【实例演示】

            设置有序列表的起始数值

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

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

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

            3. 进行代码实现

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


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

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

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

            3. 进行代码实现

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

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

            Dreamweaver列表

            2.4.2无序列表

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

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

            【功能说明】

            无序列表是以

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

            • 无序列表项

            • 无序列表项

            • 无序列表项

              ……

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

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

            【实例演示】

            在页面中使用无序列表

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

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

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

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

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

            Dreamweaver列表

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

            【功能说明】

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

            • 无序列表项

            • 无序列表项

            • 无序列表项

              ……

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

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

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

                Circle 空心圆点○

                Square 空心方块□

                【实例演示】

                在页面中设置无序列表的样式

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

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

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

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


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

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

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

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


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

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

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

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

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

                Dreamweaver列表

                2.4.3定义列表

                【功能说明】

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

                【基本语法】

                名词
                名词的解释

                名词
                名词的解释

                名词
                名词的解释

                ……

                在上述语法中,

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

                【实例演示】

                定义列表

                在HTML中有多种列表类型

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

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

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

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

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

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

                Dreamweaver列表