HTML列表标签应用解析

张金贵 · 2001年第44期

在制作网页时，我们往往会遇到一大堆杂乱无章的材料需要整理，如何把它们用清晰、美观的版式表现出来，这就要用到HTML语言中的列表标签。列表标签是一个很重要的格式设置方法，它可以把那些具有相同属性的内容以清晰、简洁、易于阅读的方式呈现在读者面前，所以深受网页设计者的喜爱，在网页设计中得到了广泛的应用。
　　 在HTML语言中共有五种类型的列表:无序列表、有序列表、定义列表、菜单列表和目录列表，下面我们分别对这几种列表的使用方法进行介绍。
　　#1 1.无序列表
　　 可用来排列无特定顺序的内容，各个列表项之间没有先后顺序之分，它通常使用一个项目符号来标记各个列表项，常用的项目符号有圆圈、圆点和方点。
　　 无序列表的HTML标签是

    ……
，它有一个type属性，用来标记每一个列表项前所用的项目符号类型。
　　 type=disc 圆点（默认值）
　　 type=circle 圆圈
　　 type=square 方点
　　 在无序列表中用
  • ……
    • 标签来标记每一个列表项，下面其他几种列表也用该标签来标记列表项。
    　　#1 2.有序列表
    　　 就是按照一定的排列顺序来排列内容，各个列表项之间有先后顺序之分，它通常使用编号来标记各个列表项，你可以根据需要选择编号的类型和起始号码。
    　　 有序列表的HTML标签是
      ……
    ，其中的type属性用来设置每一个列表项前所用的标记类型:
    　　 type=1 阿拉伯数字1、2、3……（默认值）
    　　 type=A 大写英文字母A、B、C……
    　　 type=a 小写英文字母a、b、c……
    　　 type=I 大写罗马数字Ⅰ、Ⅱ、Ⅲ……
    　　 type=i 小写罗马字母i、ii、iii……
    　　 start属性用来设置编号的起始号码，默认值为1。对于不同的type属性设置，start属性一律以数字来表示，例如对于一个type=a的有序列表，设置start=3，该列表将从字母c开始往下排列。
    　　#1 3.定义列表
    　　 一般用来定义一个名词，它就像字典中解释名词的排列格式一样，名词都是靠左对齐，对名词的解释向右缩进排列。
    　　 定义列表的HTML标签是
    ……
    ，其中各列表项的标签为:
    　　
    ……
    表示待定义的名词
    　　
    ……
    表示对名词的解释
    　　#1 4.菜单列表
    　　 通常用于设计单列的菜单列表，菜单列表的HTML标签是……。
    　　#1 5.目录列表
    　　 通常用于设计一个多列的目录列表，用来显示一系列的列表内容。目录列表的HTML标签是……。
    　　 菜单列表和目录列表标签基本上和无序列表标签的用法是一样的，在一些特别的浏览器中可能表现出有序列表的效果，由于菜单列表标签和目录列表标签不为W3C所赞同，所以一般情况下不要使用，而代之以无序列表和有序列表，这样可以保证网页有较好的兼容性。
    　　 下面是一个示例页面的源代码（显示效果如（图1）所示）。
    图1
    图1

    　　
    　　
    　　 列表样式效果
    　　
    　　
    　　

    列表样式效果


    　　 无序列表
    　　

      　　
    • 上网工具

      • 　　
    • 文件工具

      • 　　
    • 下载工具

      • 　　
    • 上传工具

      • 　　

    　　 有序列表
    　　

      　　
    1. 打开文件菜单

      2. 　　
    2. 单击保存命令

      3. 　　
    3. 出现保存对话框

      4. 　　
    4. 重新命名文件名

      5. 　　
    5. 单击保存命令

      6. 　　

    　　 定义列表
    　　

    　　
    横幅广告管理器

    　　
    所谓横幅广告管理器实际上就是一个广告看板，它将多幅图片按照一定的顺序显示出来，就像我们常见到的gif动画一样，不但可以改变图片之间的时间间隔，而且还可以在各幅图像之间设置特殊的过渡效果。