HTML语言剖析(六)清单标记

<OL> <LI> :
<OL>称为顺序清单标记。<LI>则用以标示清单项目。
所谓顺序清单就是在每一项前面加上 1,2,3... 等数目,又称编号清单。

<OL> 的参数设定(常用):
例如: <OL TYPE="I" START="4"></OL>

  • TYPE="I"
    设定数目款式,其值有五种,请参考 右表,内定为 TYPE="1"。
  • START="4"
    设定开始数目,不论设定了哪一数 目款式,其值只能是 1,2,3.. 等整 数,内定为 START="1"。
TYPENUMBERING STYLE
1ARABIC NUMBERS1, 2, 3, ...
ALOWER ALPHAA, B, C, ...
AUPPER ALPHAA, B, C, ...
ILOWER ROMANI, II, III, ...
IUPPER ROMANI, II, III, ...

<LI> 的参数设定(常用):
例如: <LI TYPE="SQUARE" VALUE="4">

  • TYPE="SQUARE"
    只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 TYPE="DISC":
    符号 是当 TYPE="DISC" 时的列项符号。
    符号 IF" WIDTH=10 HEIGHT=10 BORDER=0> 是当 TYPE="CIRCLE" 时的列项符号。
    符号 是当 TYPE="SQUARE" 时的列项符号。
  • VALUE="4"
    只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增, 但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

例子:

HTML SOURCE CODE (原始码)浏览器显示结果
MY BEST FRIENDS:
<OL>
<LI>MICHELLE WEI
<LI>MICHAEL WAN
<LI>GLORIA LAM
</OL>
MY BEST FRIENDS:
  1. MICHELLE WEI
  2. MICHAEL WAN
  3. GLORIA LAM

<UL> :
<UL>称为无序清单标记。
所谓无序清单就是在每一项前面加上 等符号,故又称符号清单。

<UL> 的参数设定(常用):
例如: <UL TYPE="SQUARE">

  • TYPE="SQUARE"
    设定符号款式,其值有三种,如下,内定为 TYPE="DISC":
    符号 是当 TYPE="DISC" 时的列项符号。
    符号 是当 TYPE="CIRCLE" 时的列项符号。
    符号 是当 TYPE="SQUARE" 时的列项符号。

注意:由于 <UL> 及 <LI> 都有 TYPE 这个参数,两者尽可能选用其一。

例子:

HTML SOURCE CODE (原始码)浏览器显示结果
MY HOMEPAGES:
<UL>
<LI>PENPALS GARDEN
<LI>ICQ GARDEN
<LI>SOFTWARE CITY
<LI>CREATION OF WEBPAGE
</UL>
MY HOMEPAGES:
  • PENPALS GARDEN
  • ICQ GARDEN
  • SOFTWARE CITY
  • CREATION OF WEBPAGE

<MENU> <DIR> :
这两个标记都不为 W3C 所赞同,希望用者能以 <UL> 及 <OL> 代之。
<MENU> 及 <DIR>,基本上它和 <UL> 是一样的,在一些特别的浏览器可能表现出 <OL> 的 效果,于旧版的 IE 或 NC 标记 <DIR> 不显示符号或数目。两标记的用法与 <UL> 完全一 样。

例子:

HTML SOURCE CODE (原始码)浏览器显示结果
MY HOMEPAGES:
<DIR>
<LI>PENPALS GARDEN
<LI>ICQ GARDEN
<LI>SOFTWARE CITY
<LI>CREATION OF WEBPAGE
</DIR>
MY HOMEPAGES:
  • PENPALS GARDEN
  • ICQ GARDEN
  • SOFTWARE CITY
  • CREATION OF WEBPAGE
  • <DL> <DT> <DD> :
    <DL>称为定义清单标记。 <DT> 用以标示定义条目,<DD> 则用以标示定义内容。
    所谓定义清单就是一种分二层的项目清单,其不故符号及数目。

    三个标记都没有常用的参数。而 <DT> <DD> 可以独立使用,只是一些旧的浏览器并不支 援,如 IE 3.0。常用的如 <DD> 标记可用以制造段落第一个字前面的空白。

    例子:

    原始码<DL>
    <DT>HOW TO USE DEFINITION LIST
    <DD>FIRST, YOU SHOULD NOT PLACE PARAGRAPH TAG RIGHT AFTER OR BEFORE A LIST STRUCTURE OR BETWEEN THE ITEMS OF A LIST. IN CERNTAIN CONTEXTS, USE OF EXTRA PARAGRAPH TAGS SHOULD ALWAYS BE AVOIDED, WHEN YOU REALIZE THIS CONCEPT, IT IS QUIT EASY TO WRITE A HTML.
    <DT>OTHER THINGS TO KNOW
    <DD>WE USUALLY PUT ONLY ONE DEFINITION TAG FOLLOWING THE DEFINITION TERM TAG, MORE THAN ONE DD TAG IS NOT RECOMMANDED. BESIDES, UNLIKE DEFINITION LIST IS A NONEMPTY TAG, BOTH DEFINITION TERM AND DEFINITION DESCRIPTION ARE EMPTY TAGS.
    </DL>
    显示结果
    HOW TO USE DEFINITION LIST
    FIRST, YOU SHOULD NOT PLACE PARAGRAPH TAG RIGHT AFTER OR BEFORE A LIST STRUCTURE OR BETWEEN THE ITEMS OF A LIST. IN CERNTAIN CONTEXTS, USE OF EXTRA PARAGRAPH TAGS SHOULD ALWAYS BE AVOIDED, WHEN YOU REALIZE THIS CONCEPT, IT IS QUIT EASY TO WRITE A HTML.
    OTHER THINGS TO KNOW
    WE USUALLY PUT ONLY ONE DEFINITION TAG FOLLOWING THE DEFINITION TERM TAG, MORE THAN ONE DD TAG IS NOT RECOMMANDED. BESIDES, UNLIKE DEFINITION LIST IS A NONEMPTY TAG, BOTH DEFINITION TERM AND DEFINITION DESCRIPTION ARE EMPTY TAGS.

     
    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值