返回
《网页设计列表项目》PPT课件

《网页设计列表项目》PPT课件

ID：36918432

大小：211.60 KB

页数：21页

时间：2019-05-10

《网页设计列表项目》PPT课件_第1页
《网页设计列表项目》PPT课件_第2页
《网页设计列表项目》PPT课件_第3页
《网页设计列表项目》PPT课件_第4页
《网页设计列表项目》PPT课件_第5页
资源描述：

《《网页设计列表项目》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章 列表项目第5章列表项目5.1无序列表ul5.2有序列表ol5.3嵌套列表5.4定义列表dl/dt/dd无序列表样本无序列表（Unorderedlist）也称强调式列表，它是一种在表的各项前显示有特殊项目符号的列表。定义无序列表需要使用无序列表标记符

    和列表项（Listitem）标记符
  • （结束标记符可省略）5.1无序列表ul1．格式：
  • 项目符号
  • 项目符号……2．说明：①使用type属性来控制标号的类型，见表5.1②在同一个无序列表中，下一个
  • 的出现，就

    2、表明上一个列表项的结束。无序列表ul设定一个方形实心的行标号■type=square设定一个空心圆点的行标号○type=circle设定一个实心圆点的行标号●，默认项type=disc含义type取值无序列表的type属性表无序列表示例

    • 奥运加油
    • 中国加油
  • 奥运加油
  • 中国加油有序列表（Orderedlist）：也称数字式列表，它是一种在表的各项前显示有数字或字母的缩排列表。5.2有序列表ol定义有序列表需要使用有序列表标记符
      和列表项（

      3、Listitem）标记符

    1. （结束标记符可省略），语法如下：
    2. 项目符号
    3. 项目符号……有序列表的定义①在同一个有序列表中，下一个
    4. 的出现，就表明上一个列表项的结束。②顺序编号是由属性type和start来设置的。type表示标号的类型，比如数字、字母以及罗马字母；start属性表示列表清单的标号从第几项开始表5.2列出了type属性的取值及含义。说明：表示列表项用大写罗马字母标号（I，II，III…）type=I表示列表项用小写罗马字母标号（i，ii，iii

      4、…）type=i表示列表项用小写字母标号（a,b,c…）type=a表示列表项用大写字母标号（A，B，C…）type=A表示列表项用数字标号（1，2，3…），默认项type=1含　　义type取值有序列表的TYPE属性表有序列表示例

      1. 湖南
      2. 长沙理工大学
    5. 湖南
    6. 长沙理工大学
    7. 湖南
    8. 长沙理工大学定制列表元素定制表中的标记#=disk,circle,square示例：
        ONE

        5、TWO THREE

      定制列表元素定制有序列表表中的序号#=A,a,I,i,1示例：
        ONE-ONE
      1. ONE-TWO
        ONE-ONE
      1. ONE-TWO
      定制列表元素定制有序列表表中的序号的起始值#=number示例：ONE-ONE
    9. ONE-TWO将一个列表嵌入另一个列表中，作为另一个列表的一

      6、部分，叫做嵌套列表。HTML可以用层层嵌套的方式来实现多层列表。无论是有序列表还是无序列表的嵌套，浏览器都可以自动地分层排列。5.3嵌套列表嵌套列表示例

      1. One-One
      2. One-Two
        • Two-One
        • Two-Two
          1. Three-One
          2. Three-Two
      3. One-Three
      定义列表(DefinitionList)允许比较复杂的列表说明，不只可以分项说明，还可以针对每一个小项目再加以说明。1．格式：
      项目1
      项目1的说明1

      7、……

      项目2
      项目2的说明1……
      5.4定义列表dl/dt/dd①首标签
      和尾标签
      之间的内容就是描述性列表的内容，由一系列用描述项标签
      或解释项标签
      标识的列表项组成。②
      和
      标签都是单独标签，位于列表项的开头，分别表示该项是描述项和解释项。③
      和
      标签通常是成对出现的，即一个描述项对应于一个解释项。一个描述项也可以对应于几个解释项，但最好不要出现几个描述项对应于同一个解释项的情况。④在显示时，解释项的内容会自动缩进一定的距离，使列表的结构更加清晰。说明：定义列表示

      8、例

      定义列表(DefinitionList)：

      野生动物
      所有非经人工饲养而生活于自然环境下的各种动物。
      宠物

      10. 当前文档最多预览五页，下载文档查看全文

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

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