HTML列表标签应用解析

Author: 张金贵 Date: 2001年 44期

?牐犜谥谱魍呈保颐峭嵊龅揭淮蠖言勇椅拚碌牟牧闲枰恚绾伟阉怯们逦⒚拦鄣陌媸奖硐殖隼矗饩鸵玫紿TML语言中的列表标签。列表标签是一个很重要的格式设置方法,它可以把那些具有相同属性的内容以清晰、简洁、易于阅读的方式呈现在读者面前,所以深受网页设计者的喜爱,在网页设计中得到了广泛的应用。
  ?牐犜贖TML语言中共有五种类型的列表:无序列表、有序列表、定义列表、菜单列表和目录列表,下面我们分别对这几种列表的使用方法进行介绍。
  #1?牐?1.无序列表
  ?牐牽捎美磁帕形尢囟ㄋ承虻哪谌荩鞲隽斜硐钪涿挥邢群笏承蛑郑ǔJ褂靡桓鱿钅糠爬幢昙歉鞲隽斜硐睿S玫南钅糠庞性踩Α⒃驳愫头降恪?
  ?牐犖扌蛄斜淼腍TML标签是<UL>……</UL>,它有一个type属性,用来标记每一个列表项前所用的项目符号类型。
  ?牐爐ype=disc  圆点(默认值)
  ?牐爐ype=circle  圆圈
  ?牐爐ype=square  方点
  ?牐犜谖扌蛄斜碇杏?<LI>……</LI> 标签来标记每一个列表项,下面其他几种列表也用该标签来标记列表项。
  #1?牐?2.有序列表
  ?牐牼褪前凑找欢ǖ呐帕兴承蚶磁帕心谌荩鞲隽斜硐钪溆邢群笏承蛑郑ǔJ褂帽嗪爬幢昙歉鞲隽斜硐睿憧梢愿菪枰≡癖嗪诺睦嘈秃推鹗己怕搿?
  ?牐犛行蛄斜淼腍TML标签是<OL>……</OL>,其中的type属性用来设置每一个列表项前所用的标记类型:
  ?牐爐ype=1 阿拉伯数字1、2、3……(默认值)
  ?牐爐ype=A 大写英文字母A、B、C……
  ?牐爐ype=a 小写英文字母a、b、c……
  ?牐爐ype=I 大写罗马数字Ⅰ、Ⅱ、Ⅲ……
  ?牐爐ype=i 小写罗马字母i、ii、iii……
  ?牐爏tart属性用来设置编号的起始号码,默认值为1。对于不同的type属性设置,start属性一律以数字来表示,例如对于一个type=a的有序列表,设置start=3,该列表将从字母c开始往下排列。
  #1?牐?3.定义列表
  ?牐犚话阌美炊ㄒ逡桓雒剩拖褡值渲薪馐兔实呐帕懈袷揭谎识际强孔蠖云耄悦实慕馐拖蛴宜踅帕小?
  ?牐牰ㄒ辶斜淼腍TML标签是<DL>……</DL>,其中各列表项的标签为:
  ?牐?<DT>……</DT>  表示待定义的名词
  ?牐?<DD>……</DD>  表示对名词的解释
  #1?牐?4.菜单列表
  ?牐犕ǔS糜谏杓频チ械牟说チ斜恚说チ斜淼腍TML标签是<menu>……</menu>。
  #1?牐?5.目录列表
  ?牐犕ǔS糜谏杓埔桓龆嗔械哪柯剂斜恚美聪允疽幌盗械牧斜砟谌荨D柯剂斜淼腍TML标签是<DIR>……</DIR>。
  ?牐牪说チ斜砗湍柯剂斜肀昵┗旧虾臀扌蛄斜肀昵┑挠梅ㄊ且谎模谝恍┨乇鸬匿榔髦锌赡鼙硐殖鲇行蛄斜淼男Ч捎诓说チ斜肀昵┖湍柯剂斜肀昵┎晃猈3C所赞同,所以一般情况下不要使用,而代之以无序列表和有序列表,这样可以保证网页有较好的兼容性。
  ?牐犗旅媸且桓鍪纠趁娴脑创耄ㄏ允拘Ч鏭44040701a^所示)。
  ?牐?<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>