微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题HTML列表标签应用解析
栏目网络与通信
作者张金贵
发布2001年44期
  在制作网页时,我们往往会遇到一大堆杂乱无章的材料需要整理,如何把它们用清晰、美观的版式表现出来,这就要用到HTML语言中的列表标签。列表标签是一个很重要的格式设置方法,它可以把那些具有相同属性的内容以清晰、简洁、易于阅读的方式呈现在读者面前,所以深受网页设计者的喜爱,在网页设计中得到了广泛的应用。
  在HTML语言中共有五种类型的列表:无序列表、有序列表、定义列表、菜单列表和目录列表,下面我们分别对这几种列表的使用方法进行介绍。
   1.无序列表
  可用来排列无特定顺序的内容,各个列表项之间没有先后顺序之分,它通常使用一个项目符号来标记各个列表项,常用的项目符号有圆圈、圆点和方点。
  无序列表的HTML标签是<UL>……</UL>,它有一个type属性,用来标记每一个列表项前所用的项目符号类型。
  type=disc 圆点(默认值)
  type=circle 圆圈
  type=square 方点
  在无序列表中用<LI>……</LI> 标签来标记每一个列表项,下面其他几种列表也用该标签来标记列表项。
   2.有序列表
  就是按照一定的排列顺序来排列内容,各个列表项之间有先后顺序之分,它通常使用编号来标记各个列表项,你可以根据需要选择编号的类型和起始号码。
  有序列表的HTML标签是<OL>……</OL>,其中的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开始往下排列。
   3.定义列表
  一般用来定义一个名词,它就像字典中解释名词的排列格式一样,名词都是靠左对齐,对名词的解释向右缩进排列。
  定义列表的HTML标签是<DL>……</DL>,其中各列表项的标签为:
  <DT>……</DT> 表示待定义的名词
  <DD>……</DD> 表示对名词的解释
   4.菜单列表
  通常用于设计单列的菜单列表,菜单列表的HTML标签是<menu>……</menu>。
   5.目录列表
  通常用于设计一个多列的目录列表,用来显示一系列的列表内容。目录列表的HTML标签是<DIR>……</DIR>。
  菜单列表和目录列表标签基本上和无序列表标签的用法是一样的,在一些特别的浏览器中可能表现出有序列表的效果,由于菜单列表标签和目录列表标签不为W3C所赞同,所以一般情况下不要使用,而代之以无序列表和有序列表,这样可以保证网页有较好的兼容性。
  下面是一个示例页面的源代码(显示效果如

所示)。
  <html>
  <head>
  <title>列表样式效果</title>
  </head>
  <body>
  <h3>列表样式效果</h3>
  无序列表
  <ul type="square">
  <li>上网工具</li>
  <li>文件工具</li>
  <li>下载工具</li>
  <li>上传工具 </li>
  </ul>
  有序列表
  <ol type="A">
  <li type="A">打开文件菜单</li>
  <li>单击保存命令</li>
  <li>出现保存对话框</li>
  <li>重新命名文件名</li>
  <li>单击保存命令</li>
  </ol>
  定义列表
  <dl>
  <dt><b>横幅广告管理器</b></dt>
  <dd>所谓横幅广告管理器实际上就是一个广告看板,它将多幅图片按照一定的顺序显示出来,就像我们常见到的gif动画一样,不但可以改变图片之间的时间间隔,而且还可以在各幅图像之间设置特殊的过渡效果。</dd>
  </dl>
  </body>
  </html>