HTML列表标签应用解析
?牐犜贖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>