站内搜索

HTML教程 第三章 列表

无序号列表

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

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


例:

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

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

</body>
</html>
显示结果

这是一个无序列表:

    国际互联网提供的服务有:  
  • WWW服务  
  • 文件传输服务  
  • 电子邮件服务  
  • 远程登录服务  
  • 其它服务

序号列表

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

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


例:

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

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

  1. WWW服务  
  2. 文件传输服务  
  3. 电子邮件服务  
  4. 远程登录服务  
  5. 其它服务

定义性列表

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

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


例:

<html>
<head>
<title>定义性列表</title>
</head>

<body>
这是一个定义性列表:<P>
<DL>
 <DT>WWW<DD>WWW是全球信息网(World wide web)的缩写,也有人称之为3W、W3、Web。
 <DT>Hyper Text<DD>Hyper Text是超文本。文件通过超文本,可链结到其它地方的数据文件,取得分散在各地的数据。
<DL>

</body>
</html>
显示结果

这是一个定义性列表:

 
WWW
WWW是全球信息网(World wide web)的缩写,也有人称之为3W、W3、Web。 
Hyper Text
Hyper Text是超文本。文件通过超文本,可链结到其它地方的数据文件,取得分散在各地的数据。

 

  • 上一篇:HTML教程 第二章 页面布局与文字设计
  • 下一篇:HTML教程 第四章 table表格