html列表

由 Admin 周日一月 06, 2008 2:42 pm

无序列表

　　无序号列表使用的一对标签是<ul></ul>，每一个列表项前使用<LI>。其结构如下所示：

　　　　<UL>
　　　　　　　<li>第一项 </li>
　　　　　　　<li>第二项 </li>
　　　　　　　<li>第三项 </li>

　　　　</UL>

例：

<html>
<head>
<title>无序列表</title>
</head>

<body>
这是一个无序列表：<P>
<UL>
国际互联网提供的服务有：
　　<LI>WWW服务 </LI>
　　<LI>文件传输服务 </LI>
　　<LI>电子邮件服务 </LI>
　　<LI>远程登录服务 </LI>
　　<LI>其它服务 </LI>
</UL>

</body>
</html>
提醒读者注意的是,最好为每一个<li>

序号列表

　　序号列表和无序号列表的使用方法基本相同，它使用标签<OL></OL>，每一个列表项前使用<LI>。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示：

　　　　<OL>
　　　　　　　<LI>第一项
　　　　　　　<LI>第二项
　　　　　　　<LI>第三项
　　　　</OL>

--------------------------------------------------------------------------------

例：

<html>
<head>
<title>有序列表</title>
</head>

<body>
这是一个有序列表：<P>
<OL>
国际互联网提供的服务有：
　　<LI>WWW服务
　　<LI>文件传输服务
　　<LI>电子邮件服务
　　<LI>远程登录服务
　　<LI>其它服务
</OL>

</body>
</html>

自定义列表

　
　定义性列表可以用来给每一个列表项再加上一段说明性文字，说明独立于列表项另起一行显示。在应用中，列表项使用标签<DT>标明，说明性文
字使用<DD>表示。在定义性列表中，还有一个属性是COMPACT,使用这个属性后，说明文字和列表项将显示在同一行。其结构如下所示：

　　　　<DL>
　　　　<DT>第一项 <DD>叙述第一项的定义 </DD></DT>
　　　　<DT>第二项 <DD>叙述第二项的定义 </DD></DT>
　　　　<DT>第三项 <DD>叙述第三项的定义 </DD></DT>
　　　　</DL>