Chinaunix首页 | 论坛 | 博客
  • 博客访问: 174425
  • 博文数量: 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层的列表:

      • 动物

        • 两栖动物
        • 哺乳动物

          • 人
          • 猩猩

        • 鱼类

      • 植物

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