第4章 列 表

第4章 列 表

ID:34412266

大小:867.04 KB

页数:13页

时间:2019-03-05

第4章  列    表_第1页
第4章  列    表_第2页
第4章  列    表_第3页
第4章  列    表_第4页
第4章  列    表_第5页
资源描述:

《第4章 列 表》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、·50·HTML网页设计参考手册第章列表:无序列表的设计:有序列表的设计:定义列表标记——dl:菜单列表标记——menu:目录列表——dir:列表的高级应用:列表的嵌套列表(List)是一种非常实用的数据排列方式,它以条列式的模式来显示数据,使读者能够一目了然。在HTML中有3种列表,分别是无序列表(UnorderedLists)、有序列表(OrderedLists)和定义列表(DefinitionLists)。第4章列表·51·4.1无序列表的设计4.1.1无序列表标记——ul无序列表的特征在于提供一种不编号的列

2、表方式,而在每一个项目文字之前,以符号作为分项标识。语法:

  • 第1项
  • 第2项
  • 第3项……
说明:在该语法中,使用
    标记表示这一个无序列表的开始和结束,而
  • 则表示这是一个列表项的开始。在一个无序列表中可以包含多个列表项。实例代码:创建无序列表提供下载的软件类别:

    • 系统程序
    • 媒体工具<

      3、LI>管理软件

    • 游戏娱乐
    运行这段代码,可以看到窗口中建立了一个无序列表,该列表共包含了4个列表项,如图4-1所示。图4-1创建无序列表·52·HTML网页设计参考手册4.1.2设置无序列表的符号类型——type默认情况下,无序列表的项目符号是●,而通过type参数可以调整无序列表的项目符号,避免列表符号的单调。语法:
  • 第1项
  • 第2项
  • 第3项……说明:在该语法中,无序列表其他的属性不变,type属性则决定了列表项开始的符

    4、号。它可以设置的值有3个,见表4-1。其中disc是默认的属性值。表4-1无序列表的符号类型类型值列表项目的符号disc●circle○square■实例代码:创建无序列表出售的图书种类:

  • 计算机类书籍
  • 休闲杂志类书籍
  • 考试教材类书籍
  • 社会科学类书籍
  • 外语原版书

    5、C0000"size=2>出售的数码产品种类:

  • 电脑配件
  • 数码相机
  • 手机
  • MP3第4章列表·53·运行这段代码,可以看到除了默认的列表项符号之外,显示了另外两种列表项目符号的效果,如图4-2所示。无序列表的类型定义也可以在
  • 项中,其语法是,这样定义的结果是对单个项目进行定义,实例代码如下:

    6、>不同的项目符号出售的图书种类:

      计算机类书籍休闲杂志类书籍社会科学类书籍
    运行这段代码,效果如图4-3所示。图4-2设置无序列表项目符号图4-3设置不同的项目符号4.2有序列表的设计4.2.1有序列表标记——ol有序列表中,各个列表项使用编号而不是符

    7、号来进行排列。列表中的项目通常都有先后顺序性,一般采用数字或者字母作为顺序号。语法:

    1. 第1项·54·HTML网页设计参考手册
    2. 第2项
    3. 第3项……
    说明:在该语法中,
    标记标志着有序列表的开始和结束,而
  • 标记表示这是一个列表项的开始,默认情况下,采用数字序号进行排列。实例代码:创建有序列表创建HTML文件的步骤:<

    8、br>

    1. 启动编写HTML文件的软件,如Dreamweaver
    2. 编写文件代码
    3. 保存文件
    4. 运行文件并查看效果
    运行这段代码,可以看到序列前面包含了顺序号,如图4-4所示。图4-4有序列表4.2.2有序列表的序号类型——type默认情况下,有序列表的序号是数字的,通过type属性可以调整序

  • 当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。