Chinaunix首页 | 论坛 | 博客
  • 博客访问: 168174
  • 博文数量: 42
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 95
  • 用 户 组: 普通用户
  • 注册时间: 2015-04-03 10:43
文章分类

全部博文(42)

文章存档

2016年(2)

2015年(40)

分类: 系统运维

2015-04-21 18:41:28

原文地址:九、HTML列表(Lists) 作者:graylocus


HTML有三种列表形式:排序列表(Ordered List);不排序列表(Unordered List);定义列表(Definition List)

排序列表(Ordered List)

排序列表中,每个列表项前标有数字,表示顺序。

排序列表由

    开始,每个列表项由
  1. 开始。

    示例

    一个排序列表(Ordered List)

    1. 站长网 站长学院之网页课程
    2. 站长网 站长学院之网页代码
    3. 站长网 站长学院之魔兽世界

    不排序列表(Unordered List)

    不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。

    不排序列表由

      开始,每个列表项由
    • 开始。

      示例

      不排序列表(Unordered List)

      • 站长网 站长学院之网页课程
      • 站长网 站长学院之网页代码
      • 站长网 站长学院之魔兽世界

      定义列表

      定义列表通常用于术语的定义。

      定义列表由

      开始。术语由
      开始,英文意为Definition Term。术语的解释说明,由
      开始,
      里的文字缩进显示。

      定义列表(Definition List)

      野生动物

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

      宠物

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

      更多示例

      这个例子显示如何用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设为disc的列表,列表项前面的符号是圆黑点:

      • 站长网 站长学院之网页课程
      • 站长网 站长学院之网页代码
      • 站长网 站长学院之魔兽世界

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

      • 站长网 站长学院之网页课程
      • 站长网 站长学院之网页代码
      • 站长网 站长学院之魔兽世界

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

      • 站长网 站长学院之网页课程
      • 站长网 站长学院之网页代码
      • 站长网 站长学院之魔兽世界

      列表里可以含有子列表。通常用这种嵌套的列表,反映层次较多的内容。

      嵌套一层的列表:

      • 肉类
      • 蔬菜

        • 番茄
        • 青菜

      • 酒类

      嵌套2层的列表:

      • 动物

        • 两栖动物
        • 哺乳动物

          • 猩猩

        • 鱼类

      • 植物

阅读(1250) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~