网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> HTML教程 >> 正文
最新文章
· 安装与设置FCKEditor
· iframe父窗口和子窗口相互的调用方法
· 解决div总是被select遮挡的问题
· html的框架frame和frameset
· 网页常用的三种注释方法
· iframe背景透明效果的实现
· 使用iframe嵌入的页面单击链接时,让
· 点击#空链接不跳到页面顶端
· 网页表格表框制作技巧
· HTML特殊字符列表
热门文章
 使用iframe嵌入的页面单击链接时,
 iframe背景透明效果的实现
 html的框架frame和frameset
 点击#空链接不跳到页面顶端
 flash自动激活和flash虚线框的解决
 网页中插入背景音乐
 IFRAME属性及详解
 简单实现在网页中控制Flash的播放
 在线视频播放代码大全
 让iframe透明显示
相关文章
HTML基础第十二讲—链接标志
HTML基础第十一讲—背景标志
HTML基础第十讲—排版卷标
HTML基础第九讲—表单
HTML基础第七讲—框架
HTML基础第六讲—表格
HTML基础第八讲—序列卷标
来源:www.cwydesign.com 更新时间:2009/5/1 15:58:35 阅读次数:
字体:[ ] 我要投稿
       什么叫做序列卷标?
      其实,这是一个大家都蛮熟悉的东西,只是在网页中换个名称来称呼罢了,序列卷标的功能在WORD里面叫做「项目符号及编号」,也就是将每一要点以数字,如:1.2.3.4…或符号一条一条的清楚的列出的功能。

【无序卷标】

  1. 序列卷标基本上可分为两种,一种是「无序条列」,一种是「有序条列」。所谓「无序条列」当然就是意指各条列间并无顺序关系,纯粹只是利用条列式方法来呈现资料而已,此种无序卷标,在各条列前面均有一符号以示区隔。至于「有序条列」就是指各条列之间是有顺序的,从1、2、3…一直延伸下去。
  2. 我们先来看看「无序列表卷标」如何使用:
    原始码 呈现结果 
    <UL>
    <LI>姓名:吴弘凯
    <LI>生日:1973/6/16
    <LI>星座:双子座
    </UL>
    • 姓名:吴弘凯
    • 生日:1973/6/16
    • 星座:双子座

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

  3. 前面的符号一定是要圆形的吗?不,我们可以加入TYPE="形状名称"属性来改变其符号形状,一共有三个选择:DISK(实心圆)、SQUARE(小正方形)、CIRCLE(空心圆)三种(由于本页使用CSS故仅于Netscape看得出效果。):
    原始码 呈现结果 
    <UL TYPE="CIRCLE">
    <LI>姓名:吴弘凯
    <LI>生日:1973/6/16
    <LI>星座:双子座
    </UL>
    • 姓名:吴弘凯
    • 生日:1973/6/16
    • 星座:双子座
【有序卷标】
  1. 接下来,我们来看看「有序列表卷标」如何使用:
    原始码 呈现结果 
    <OL>
    <LI>姓名:吴弘凯
    <LI>生日:1973/6/16
    <LI>星座:双子座
    </OL>
    1. 姓名:吴弘凯
    2. 生日:1973/6/16
    3. 星座:双子座

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

  2. 和无序列表卷标一样,我们也可以选择不同的符号来显示顺序,一样是用TYPE属性来作更改,一更有五种符号:1(数字)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母)等五种:
    原始码 呈现结果 
    <OL TYPE="A">
    <LI>姓名:吴弘凯
    <LI>生日:1973/6/16
    <LI>星座:双子座
    </OL>
    1. 姓名:吴弘凯
    2. 生日:1973/6/16
    3. 星座:双子座
  3. 另外,我们亦可指定序列起始的数目,其方法如下:
    原始码 呈现结果 
    <OL START="8">
    <LI>姓名:吴弘凯
    <LI>生日:1973/6/16
    <LI>星座:双子座
    </OL>
    1. 姓名:吴弘凯
    2. 生日:1973/6/16
    3. 星座:双子座
【定义列表卷标】
  1. 接下来我们要说明的这个卷标,是「定义列表卷标」也是属于序列卷标之一。我们先来举个例子,我们常常会在文章中看见这样的格式: CSS(Cascading style sheet)  
    CSS是由W3C于1996年12月所公布的一项新技术,什么叫做Cascading style sheet?简单说来他是一种具有阶层性的形式设定,能够让网页设计者在设计网页时,对于网页上的任何对象均有更佳的操控性…

    网页里也有可以做到这种效果的卷标喔!现在要来跟各位说的就是这个卷标。咱们先来看看这卷标的用法:
  2. 我们先来看看「定义列表卷标」如何使用
    原始码 呈现结果 
    <DL>
    <DT>小标题
    <DD>标题的内容说明
    </DL>
    小标题
    标题的内容说明

<第八讲完>

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号