|
盲人如何制作网页讲座： 在网页中如何使用列表（上）
一、 在网页中如何使用列表
我们在制作网页的过程中经常需要在某个区域内以列表的形式排列文本内容，因网页不同于我们经常使用的记事本或 word文档等文字处理工具，其内容必须通过代码控制，否则将在网页中不规则地显示出来，使用列表技术将使网页更加有条理，而且不需要考虑其对齐的方式，浏览器将自动把列表中的内容进行排列，网页中的列表可分为： 无序号列表、有序号列表和定义性列表三种，下面将以实例的形式对这三种列表加以介绍：
1、无序号列表：所谓的无序号列表就是在所建立的列表中的每一列表项的前面没有序号，其主要应用于并列性质的不分先后顺序的列表内容，无序号列表使用的一对标签是<ul></ul>，每一个列表项前使用<LI>。请看下面的实例：
<html>
<head>
<title>这是一个无序号的列表</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
这是一个无序号的列表：<P>
<UL>
国际互联网提供的服务有：
<LI>WWW服务
<LI>文件传输服务
<LI>电子邮件服务
<LI>远程登录服务
<LI>其它服务
</UL>
</body>
</html>
实例解析：
<UL> 是无序号列表的开始，</UL>是无序号列表的结束，在此标签内的所有各列表项的内容前面必须加上 <LI>标签，列表中的内容将以左对齐的方式垂直排列，另外在 <UL> 标签中加入 type属性，该属性可以为列表项加上不同的标记，其参数分别可以为，disc（实心的圆圈）、 square（实心的方块）、 circle（空心的圆圈）。
2、有序号列表：顾名思义，也就是在每个列表项的前面有浏览器自动加上了序号，其序号为数字或英文字母，该序号是由浏览器根据标签的要求绘制出来的，明眼人虽然能看到，但我们盲人朋友使用的读屏软件是无法将其读出的，该技术主要应用于必须按照一定顺序排列逻辑性较强的文本内容。有序号列表和无序号列表的使用方法基本相似，它使用标签<OL></OL>，每一个列表项前使用<LI>，每个项目都有前后顺序之分。请把下面的实例与无序号列表的例子加以比较，其使用的方法将迎刃而解：
<html>
<head>
<title>这是一个有序号的列表</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
这是一个有序号的列表：<P>
<OL type="1" start="1">
国际互联网提供的服务有：
<LI>WWW服务
<LI>文件传输服务
<LI>电子邮件服务
<LI>远程登录服务
<LI>其它服务
</OL>
</body>
</html>
实例解析:
我们看到,在 <OL> 标签中多了两个属性，其中 type="1" 是指定其序号是阿拉伯数字,如果写成 type="a" 的话,那么该序号将是英文字母了，将按a,b,c……的顺序排列；start="1" 指定了起始的序号。若这两个属性省略的话系统将默认 取阿拉伯数字。
3、定义性列表：该列表可以用来给每一个列表项再加上一段说明性文字，说明独立于列表项另起一行显示。具体实现过程是在<DL>标签中同时使用<DT>和<DD>标签，建立术语列表。术语列表中的列表项由两部分组成，术语和它的说明。术语由<DT>标签指定，说明由<DD>标签指定。请看下面的实例:
<html>
<title>这是定义性列表</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
这是一个定义性列表:<p>
<DL>
<DT>第一项 <DD>叙述第一项的定义
<DT>第二项 <DD>叙述第二项的定义
<DT>第三项 <DD>叙述>第三项的定义
</DL>
</body>
</html>
列表中的内容不仅可以使用文本,还可以把链接做为列表项。为了更好地掌握和了解列表的特点，我们可以把每个例子分别运行一下,请身边的明眼人朋友帮助描述一下，这样逐渐积累经验，提高制作网页的水平。
责任编辑：
读者评论：
发表评论：
相关文章：
|
