重拾html-8-070126

4.10 序列标签 <回细说索引>

【无序标签】

 

  1.  

  2. 序列标签基本上可分为两种,一种是“无序条列”,一种是“有序条列”。所谓“无序条列”当然就是意指各条列间并无顺序关系,纯粹只是利用条列式方法来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。至于“有序条列”就是指各条列之间是有顺序的,从1、2、3…一直延伸下去。

     

  3. 我们先来看看“无序列表标签”如何使用:

    原始码呈现结果
    <UL>
    <LI>姓名:杰克升
    <LI>生日:1974/11/21
    <LI>星座:天蝎座
    </UL>
    • 姓名:杰克升
    • 生日:1974/11/21
    • 星座:天蝎座

    其中<UL>标签即为“无序列表标签”,每增加一列内容,就必须加一个<LI>。

     

  4. 前面的符号一定是要圆形的吗?不,我们可以加入TYPE="形状名称"属性来改变其符号形状,一共有三个选择:DISK(实心圆)、SQUARE(小正方形)、CIRCLE(空心圆)三种(由于本页使用CSS故仅于Netscape看得出效果。)

    原始码呈现结果
    <UL TYPE="CIRCLE">
    <LI>姓名:杰克升
    <LI>生日:1974/11/21
    <LI>星座:天蝎座
    </UL>
    • 姓名:杰克升凯
    • 生日:1974/11/21
    • 星座:天蝎座

     



【有序标签】

 

  1.  

  2. 接下来,我们来看看“有序列表标签”如何使用:

    原始码呈现结果
    <OL>
    <LI>姓名:杰克升
    <LI>生日:1974/11/21
    <LI>星座:天蝎座
    </OL>
    1. 姓名:杰克升
    2. 生日:1974/11/21
    3. 星座:天蝎座

    其中<OL>标签即为“有序列表标签”,每增加一列内容,就必须加一个<LI>。

     

  3. 和无序列表标签一样,我们也可以选择不同的符号来显示顺序,一样是用TYPE属性来作更改,一更有五种符号:1(数字)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母)等五种:

    原始码呈现结果
    <OL TYPE="A">
    <LI>姓名:杰克升
    <LI>生日:1974/11/21
    <LI>星座:天蝎座
    </OL>
    1. 姓名:杰克升
    2. 生日:1974/11/21
    3. 星座:天蝎座

     

  4. 另外,我们亦可指定序列起始的数目,其方法如下:

    原始码呈现结果
    <OL START="8">
    <LI>姓名:杰克升
    <LI>生日:1974/11/21
    <LI>星座:天蝎座
    </OL>
    1. 姓名:杰克升
    2. 生日:1974/11/21
    3. 星座:天蝎座

     



【定义列表标签】

 

  1.  

  2. 接下来我们要说明的这个标签,是“定义列表标签”也是属于序列标签之一。我们先来举个例子,我们常常会在文章中看见这样的格式:
    CSS(Cascading style sheet)
    CSS是由W3C于1996年12月所公布的一项新技术,什么叫做Cascading style sheet?简单说来他是一种具有阶层性的形式设定,能够让网页设计者在设计网页时,对于网页上的任何物件均有更佳的操控性…

    网页里也有可以做到这种效果的标签喔!现在要来跟各位说的就是这个标签。咱们先来看看这标签的用法:

     

  3. 我们先来看看“定义列表标签”如何使用:

    原始码呈现结果
    <DL>
    <DT>小标题
    <DD>标题的内容说明
    </DL>
    小标题
    标题的内容说明

     

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值