列表在网页中的应用.ppt

列表在网页中的应用.ppt

ID:48197148

大小:549.50 KB

页数:20页

时间:2020-01-15

列表在网页中的应用.ppt_第1页
列表在网页中的应用.ppt_第2页
列表在网页中的应用.ppt_第3页
列表在网页中的应用.ppt_第4页
列表在网页中的应用.ppt_第5页
资源描述:

《列表在网页中的应用.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、列表在网页中的应用回顾与检查超链接目标窗口有几种打开类型?如何设置图像的替换文本?有序列表与无序列表的区别是什么?如何设置列表的类型?本章任务制作树形菜单制作在线考试试卷制作考比爬行垫页面本章目标掌握有序列表的创建和使用掌握无序列表的创建和使用掌握定义列表的创建和使用无序列表无序列表属于项目列表列表项之间无顺序之分每个列表项前均有一个项目符号

无序列表

  • 桔子
  • 香蕉
  • 苹果
无序列表无序列表的设置通过属性面板设置项目列表编号列表反缩进缩进无序列表无序列表的类型通过type属性设置列表显示符

2、号类型disc:实心圆点square:实心方框circle:空心圆点

type=circle时的无序列表:

  • 桔子
  • 香蕉
  • 苹果
  • …教师演示无序列表演示案例-制作树形菜单页面效果演示案例-制作树形菜单实现思路按照页面效果确定层级关系按照页面效果确定各级列表项的符号教师讲解实现思路并演示有序列表有序列表属于项目列表以数字作为列表项符号
    1. 桔子
    2. 香蕉
    3. 苹果
    有序列表有序列表的类型1

    3、:数字A:大写英文a:小写英文i:小写罗马字符I:大写罗马字符教师演示有序列表

    type=1时的有序列表:

  • 桔子
  • 香蕉
  • 苹果
  • type=a时的有序列表:

  • 桔子
  • 香蕉
  • 苹果
  • 演示案例-制作在线考试试卷页面效果演示案例-制作在线考试试卷实现思路根据页面效果显示,此试卷共有五道题,每个题目均是由题干和选项组成,题干之间使用数字排序,每个题目的选项使用大写字母排序。使用有序列表排列

    4、题干,各个题干之间使用默认排序或设置type属性值为1。每个试题的题干中嵌套对应试题的选项,使用有序列表排列选项,设置type属性值为A。教师讲解实现思路并演示定义列表定义列表用于具有特殊要求的列表显示定义列表定义列表的创建选择菜单“插入”→“HTML”→“文本对象”→“定义列表”添加文本教师演示定义列表

    给力
    给力读音为,gěilì,……
    演示案例-制作Korbie考比爬行垫页面页面效果演示案例-制作Korbie考比爬行垫页面实现思路图中只有一个图片和对应图片的解释,那么就可以使用定义列表。首先选择菜单“插入”→“

    5、HTML”→“文本对象”→“定义列表”,生成定义列表。然后插入图片,最后回车换行,插入图片的解释文本。教师讲解实现思路并演示列表的应用列表的嵌套无序列表嵌套有序列表教师演示嵌套列表

    • 手机
      1. 三星
      2. HTC
      3. 诺基亚
    列表的应用嵌套定义列表教师演示嵌套定义列表
    手机
    1. 三星
    2. HTC
    3. 诺基亚
    总结请介绍列表可以划分几种类型?列表的项目符号可以改变吗?有序与无序列表的区别是什么?总结并布置作业

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

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

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