发信人: boogeyman()
整理人: microant(1999-08-02 12:13:18), 站内信件
|
7.1.6 列表结构和预编排结构
列表（list）结构和预编排（Preformatted）结构都是一种具有段落性质的独立
块状结构，
也就是说，它们象标题（Heading）结构一样，能自成一段，仿佛在这些结构的尾
部加上了
一个<P>标记。
1.列表（list）结构
列表（list）结构也是HTML文档中的一个基本结构。一共有三种类型的列表，它
们是：
（1）无次序列表（Unordered list）：
（2）有次序列表（Ordered list）：
（3）定义表（Definition list）： <DL> 列表项 </DL>
前二种列表的表项（list item）用单标记表示。Web浏览器会在型列表
的每个表项
前加一个小园点或小方块，在型列表的每个表项前加一个整数，如下例：
- First UL item
- First sub-UL item
- Second sub-UL item
- Second UL item
- First OL item
- Second OL item
定义表的每一项是由两对标记<DT> </DT>和<DD> </DD>构成的，其中一对<DT>标
记
中是被定义项的名称，而一对<DD>标记中是具体定义的内容。定义表常用于文档
中的
词汇表，术语表等，例如：
<DL>
<DT>First word</DT>
<DD>Here is the explain of the first word.
<DT>Second word</DT>
<DD>Here is the explain of the second word.
</DL>
上述例子的显示效果如图7－7所示。
图7－7 HTML中的三种列表
2.预编排（Preformatted）结构
除了列表结构以外，HTML还提供了一种非常有用的预编排（Preformatted）结构
，利用它可
以使信息完全依照源文件中的编排格式，一模一样地在浏览器中显示出来。它的
语法格式为：
<PRE>预编排信息</PRE>
因此，只需要将一对<PRE>标记中的“预编排信息”，按照你所喜欢的格式预先编
排好
就可以了，例如：
<PRE>
2.9 <IMG SRC="car.gif">
+ 1.2 The car
----------
4.1
</PRE>
显示效果如图7－8所示：
图7－8 HTML的预编排结构
看了上图你就会发现，<PRE>结构是完全按照HTML源文件中的书写格式来显示信息
，所以，
它的文本字体缺省采用定长宽度字符的字体（<TT>型），但是在<PRE>标记中还支
持其
它字体的标记。
--
████████世事无绝对，只有真情趣！
█◤☆◥◤☆◥█ http://boogeyman.yeah.net
█☆☆☆☆☆☆█ http://daemonic.163.net/tips.zip
█◣☆☆☆☆◢█ [飞碟基地;美女图库;妖魔鬼怪]
██◣☆☆◢██ 当所有人都疯狂时,冷静的我已掌管一切!
███◣◢███ --刑舞灵--
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.104.64.126]
|
|