英雄联盟助手哪个好用:学习笔记——HTML列表(Lists)

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 08:46:53
             多福老人欢迎您
地址:http://qwp43.360doc.com

参考来源:www.BlaBla.cn 布啦布啦网页教程与代码
HTML 教程
HTML 基本概念
HTML 基础 Tag
HTML 常用格式
HTML 特殊字符
HTML 超链接 (Hyperlinks)
HTML 相对路径和绝对路径
HTML 表格 (Tables)
HTML 框架 (Frames)
HTML 列表 (Lists)
HTML 表单 (Forms)
HTML 图片 (Images)
HTML 字体 (Fonts)
HTML 背景颜色和图片
HTML 头部信息 (Head)
HTML 代码实例
HTML 参考
HTML 知识库
W3C HTML 4.01 标准 英文版
W3C XHTML 1.0 标准 英文版
(九)HTML列表(Lists)
http://www.blabla.cn/html_tutorials/035_html_list.html
学习笔记
HTML有三种列表形式:
排序列表(Ordered List);
不排序列表(Unordered List);
定义列表(Definition List)。
排序列表(Ordered List)
排序列表中,每个列表项前标有数字,表示顺序。
排序列表由
    开始,每个列表项由
  1. 开始。
    排序列表示例


    一个排序列表(Ordered List):



    1. 布啦布啦之网页课程

    2. 布啦布啦之网页代码

    3. 布啦布啦之魔兽世界




    效果
    一个排序列表(Ordered List):
    布啦布啦之网页课程
    布啦布啦之网页代码
    布啦布啦之魔兽世界
    不排序列表(Unordered List)
    不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。
    不排序列表由
      开始,每个列表项由
    • 开始。
      不排序列表示例


      不排序列表(Unordered List):



      • 布啦布啦之网页课程

      • 布啦布啦之网页代码

      • 布啦布啦之魔兽世界




      效果
      不排序列表(Unordered List):
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      定义列表
      定义列表通常用于术语的定义。
      定义列表由
      开始。术语由
      开始,英文意为Definition Term。
      术语的解释说明,由
      开始,
      里的文字缩进显示。
      定义列表示例


      定义列表(Definition List):



      野生动物

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

      宠物

      指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。




      效果
      定义列表(Definition List):
      野生动物
      所有非经人工饲养而生活于自然环境下的各种动物。
      宠物
      指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。
      更多示例
      不同类型(Type)的排序列表
      这个例子显示如何用Type属性设置排序列表项前的符号。


      排序列表,不设Type属性:



      1. 布啦布啦之网页课程

      2. 布啦布啦之网页代码

      3. 布啦布啦之魔兽世界


      排序列表,Type属性设为A:



      1. 布啦布啦之网页课程

      2. 布啦布啦之网页代码

      3. 布啦布啦之魔兽世界


      排序列表,Type属性设为a:



      1. 布啦布啦之网页课程

      2. 布啦布啦之网页代码

      3. 布啦布啦之魔兽世界


      排序列表,Type属性设为I:



      1. 布啦布啦之网页课程

      2. 布啦布啦之网页代码

      3. 布啦布啦之魔兽世界


      排序列表,Type属性设为i:



      1. 布啦布啦之网页课程

      2. 布啦布啦之网页代码

      3. 布啦布啦之魔兽世界




      效果
      排序列表,不设Type属性:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      排序列表,Type属性设为A:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      排序列表,Type属性设为a:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      排序列表,Type属性设为I:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      排序列表,Type属性设为i:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      不同类型(Type)的不排序列表
      这个例子显示如何用Type属性设置不排序列表项前的符号。


      Type设为disc的列表,列表项前面的符号是圆黑点:



      • 布啦布啦之网页课程

      • 布啦布啦之网页代码

      • 布啦布啦之魔兽世界


      Type设为circle的列表,列表项前面的符号是空心圆:



      • 布啦布啦之网页课程

      • 布啦布啦之网页代码

      • 布啦布啦之魔兽世界


      Type设为square的列表,列表项前面的符号是黑方块:



      • 布啦布啦之网页课程

      • 布啦布啦之网页代码

      • 布啦布啦之魔兽世界




      效果
      Type设为disc的列表,列表项前面的符号是圆黑点:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      Type设为circle的列表,列表项前面的符号是空心圆:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      Type设为square的列表,列表项前面的符号是黑方块:
      布啦布啦之网页课程
      布啦布啦之网页代码
      布啦布啦之魔兽世界
      嵌套的列表
      列表里可以含有子列表。通常用这种嵌套的列表,反映层次较多的内容。


      嵌套一层的列表:



      • 肉类

      • 蔬菜

        • 番茄

        • 青菜



      • 酒类


      嵌套2层的列表:



      • 动物

        • 两栖动物

        • 哺乳动物


          • 猩猩



        • 鱼类



      • 植物




      效果
      嵌套一层的列表:
      肉类
      蔬菜
      番茄
      青菜
      酒类
      嵌套2层的列表:
      动物
      两栖动物
      哺乳动物

      猩猩
      鱼类
      植物