有关
、
和

来源:本站原创时间:07-02-27 点击: 点击这里收藏本文

文本列表一般分项目列表、编号列表和定义类表。

1．项目列表（bulleted lists）

列表项目是以项目符号开头，在列表项之间没有先后次序时使用，所以又称无序列表（unordered lists）。

它可以用于一个政府或公司的组织分布图，也可用于百货商店的商品列表，还可用于学习科目上的分类等实际应用中。其操作步骤可如下：

（1）输入多块无序的段落文本。
（2）全选所有段落。
（3）Ctrl+F3打开【属性】面板，单击其中的【项目列表】按钮。

这是一种将现有文本转换成列表的方法，采用原因是其所具有的无序性。

一个标准的项目列表的HTML标签代码如下：

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

项目列表的HTML标签中<ul>…</ul>（即unordered lists首字母缩写）表示将打开一个项目列表，包含于其中的<li>…</li>则表示具体的列表项。在项目列表中有三种类型的项目符号：

实心点（黑点，type="disc"，项目符号默认类型）
空心点（句点，type="circle"）
矩形实点（方块，type="square"）

项目符号的选择，可在【属性】面板中单击【列表项目】按钮，弹出对话框中进行选择。

2．编号列表（numbered lists）

编号列表是以数字编号开头，一般列表项目都是有明确的先后顺序的，所以又称有序列表（ordered lists）。

它可以用在作息时间表、工作进度表、书籍大纲目录等实际应用中。其操作步骤可如下：

（1）将光标插入在文档窗口中。
（2）打开【属性】面板，单击其中的【编号列表】按钮。
（3）页面文档中即显示出编号，在编号后输入文本内容。
（4）若要显示下一编号，则在该列表项后按回车（Enter）键即可。
（5）若要退出该编号列表，按回车（Enter）键两次即可。

一个标准的编号列表的HTML标签代码如下：

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

编号列表的HTML标签中<ol>…</ol>（即ordered lists首字母缩写）表示打开一个编号列表，而包含其中的列表项同样是用<li>…</li>表示。

关于编号列表的列表项所采用项目符号就显得比较多样。同样，在【属性】面板中单击【列表项目】按钮，弹出对话框中进行选择。

3．定义列表（defined lists）

定义列表是不使用项目符号或数字作为列表项前导符的列表形式。其结构是：在每个列表项目后带有一个缩进的定义字段（可以为空）。这就好像字典中对某个字的解释情况一样，所以，定义列表又称字典列表。

它可用在站点友情链接的介绍、搜索引擎的查询结果显示、中英文对译等网页应用中。其操作步骤可如下：

（1）打开【插入】面板，选择【文本】类别，单击【定义列表】按钮[dl] 。
（2）在【设计】视图中输入首列表项作为【定义术语】。
（3）按回车（Enter）键得一缩进的列表项作为【定义说明】。
（4）继续按回车（Enter）键又为新的【定义术语】。
（5）重复（3）→（4）的步骤即可创建多个定义列表项。若退出定义列表，按回车（Enter）键两次即可。

一个标准的定义列表的HTML标签代码如下：

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

定义列表的HTML标签中<dl>…</dl>（即defined lists首字母缩写）表示打开一个定义列表，<dt>…</dt>所包含的列表项目表示一个【定义术语】，而<dd>…</dd>所包含的列表项则是一个【定义说明】了。除非特殊情况外，定义列表比较少见。

注意，以上提及的项目列表、编号列表和定义列表是文本列表中较为常见的，它们的操作步骤方法并非惟一的，读者可将本文介绍的三种方法灵活运用。并且，它们之间是可以随时调换的。前提是全选所有列表项，再重新选择新的列表类型。此外，文本列表还有目录列表和菜单列表之分。

把此文章收藏到：　　　　　

相关教程

·DIV CSS网页布局中id与class的

·哪些HTML标签在DIV CSS设计中是

广而告之

文章搜索

Google JZxue.Com

最新文章

网站推广—网站建设的关键课

吸引访客,做内容有价值的网

关于Photoshop直方图的详细

网站策划,B2B网站策划者应

Web标准网站开发人员配备

便宜/廉价的网站推广方式

写给做BBS的新站长

行为经济学在网站运营中的

漫谈网站改版的必要性

网站策划需要具备的知识

外贸网站建设全攻略

CSS让网页更容易设计与维护

和马云学习如何做网站推广

推荐导读

优秀个人网站打造全过程

热门排行

如何制作网页（网页制作实

如何选择网页制作工具

下载安装Dreamweaver8

制作主页前的准备

垃圾站全教程--之一(新手上

怎样个人网页制作,制作个人

制作模板

在Dreamweaver设置站点

制作首页

网站设计65条原则

规划站点

中国所有银行的BIC code(即

个人主页制作完全手册

有关、和

有关
、
和