HTML学习指南3

小凡

除了段落与章节标题之外，HTML 还有很多其他的结构可资使用。在本课中，    我们来看表列、连结、与视觉效果的制作。      _________________________________________________________________
表列 (Lists)    你可以使用三种不同的表列：有序的 (ordered)、无序的 (unordered) 以及    唠叨的 (discursive)。   有序表列
   这是一个有序表列：     1. 有第一个项目，     2. 第二个项目，     3. 第三个项目，等等，等等。    阅览器会帮你自动编号，所以即使你在表列的中间加入或删除项目，也不用    担心重新编号的麻烦。上面这个表列是这样产生的：
<ol>
<li>有第一个项目，</li>
<li>第二个项目，</li>
<li>第三个项目，等等，等等。</li>
</ol>    注意到，整个有序表列都要用 <ol>...</ol> 标签夹起来，而其中的每一项    又要用 <li>...</li> 夹起来。要在表列项目之中再放个小表列（巢状表列）    也可以，不过阅览器可能会用不同的方式编号，如 1, 2, 3 或 a, b, c 等等。    你是不能控制阅览器的编号方式的。   无序表列    无序表列就是把有序表列的「数字」改由「符号」取代，你可以用在表列中    项目的顺序无关紧要的时候：      * 两磅（四杯）砂糖      * 八盎司（八块）巧克力      * 半品托牛奶      * 两盎司（一条）牛油
   （这样会好吃吗？）无序表列的周围要用 <ul>...</ul> 夹起来，像上面的    表列就要用：

<ul>
<li>两磅（四杯）砂糖</li>
<li>八盎司（八块）巧克力</li>
<li>半品托牛奶</li>
<li>两盎司（一条）牛油</li>
</ul>
   来显示。注意到，表列中的项目仍然是以 <li>...</li> 做标签，这样    你可以很容易把表列在无序与有序间变来变去，只要把 <ul> 和 <ol>    改来改去就可以了。
   表列也可以放在段落之中，或是段落之间。理论上你也可以把段落放在    表列中间（也就是夹在两个项目之间）：

<ul>
<li>Here's the first item</li>
<p>And a second paragraph belonging to the same item,
so there's no bullet or number on it.</p>
<li>Then comes another item</li>
</ul>
   显示出来就变成      * Here's the first item
       And a second paragraph belonging to the same item, so there's no        bullet or number on it.      * Then comes another item
   不过，没人敢保证每个 WWW 阅览器都会把这样的文件排得很好看。    如果你真想要在表列中间插入段落的话，不妨考虑采用我们後面讲到的    「唠叨表列」(discursive lists)。
   有序或无序表列的标签中，你可以加入一个 compact 属性，例如    <ul compact>...</ul>。这个 compact 属性的意思是，这个表列的项目    长度都很短，所以贵阅览器在排版的时候，可以考虑减少行间的距离，    可能比较美观，谢谢。不过在文字模式下，这样的效果是看不到的。
  唠叨表列
   唠叨表列的用处，是处理那种每个项目都需要数个段落作为说明的表列。    整个表列要用 <dl>...</dl> 标签括起来，而其中每个项目则用    <dt>...</dt> 括起来 (dt 代表 discursive topic, 注意不是 li)。    每个 <dt>...</dt> 的後面可以接一或多个段落，用 <dd>...</dd>    括起来 (dd 代表 discursive discussion)。例如要得到
   Managerial grades           Senior and junior managers are expected to dress in           conventional blue suits during office hours, especially while           meeting clients.           Any departure from this norm will be taken very seriously.
   Salaried staff below managerial level           Employees must dress neatly but need not wear suits. Unusual or           extravagant clothing is inappropriate to the position of these           employees within the company.           When meeting clients, suits must be worn.
   rogrammers and HTML hacks           Plebs like these can wear anything they want, your ever-loving           and paternalistic company couldn't care less,           In any case, we depend on them so much to keep our systems           running that we'll make any exception they insist on.
   的效果，就应该用

<dl>
<dt>Managerial grades</dt>
<dd>Senior and junior managers are expected to dress in
conventional blue suits during office hours, especially
while meeting clients.</dd>
<dd>Any departure from this norm will be taken very
seriously.</dd>
<dt>Salaried staff below managerial level</dt>
<dd>Employees must dress neatly but need not wear suits.
Unusual or extravagant clothing is inappropriate to the
position of these employees within the company.</dd>
<dd>When meeting clients, suits <em>must</em> be worn.</dd>
<dt>rogrammers and HTML hacks</dt>
<dd>lebs like these can wear anything they want, your
ever-loving and paternalistic company couldn't care less,</dd>
<dd>In any case, we depend on them so much to keep our systems
running that we'll make any exception they insist on.</dd>
</dl>
   古代的 HTML 中还有定义 <menu>...</menu> 以及 <dir>...</dir>    两个标签，不过最後版本的 HTML 中将会删除这些标签，因为他们的    功能其实跟 <ul> 完全一样。不过到使用 HTML+ 作文件格式的时候，    可能这两个标签又会死灰复燃，意义就不大相同了。