首页 > html教程 > 正文

HTML列表及实例

转载 2019-01-23 0 195

HTML 支持有序、无序和定义列表

实例

无序列表

[demo]

一个无序列表:

  • 咖啡
  • 牛奶

[/demo]

本例演示无序列表。

有序列表

[demo]

  1. 咖啡
  2. 牛奶

  1. 咖啡
  2. 牛奶

[/demo]

本例演示有序列表。

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

    标签。每个列表项始于
    • Coffee
    • Milk

    浏览器显示如下:

    Coffee

    Milk

    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于

      标签。每个列表项始于
    1. 标签。

      1. Coffee
      2. Milk

      浏览器显示如下:

      Coffee

      Milk

      列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

      定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以

      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始。

      Coffee

      Black hot drink

      Milk

      White cold drink

      浏览器显示如下:

      Coffee

      Black hot drink

      Milk

      White cold drink

      定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

      更多实例

      不同类型的无序列表

      [demo]

      Disc 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Circle 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Square 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      [/demo]

      本例演示一个无序列表。

      不同类型的有序列表

      [demo]

      数字列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      小写字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      罗马字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      小写罗马字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      [/demo]

      本例演示不同类型的有序列表。

      嵌套列表

      [demo]

      一个嵌套列表:

      • 咖啡
        • 红茶
        • 绿茶

      • 牛奶

      [/demo]

      本例演示如何嵌套列表。

      嵌套列表 2

      [demo]

      一个嵌套列表:

      • 咖啡
        • 红茶
        • 绿茶

          • 中国茶
          • 非洲茶

      • 牛奶

      [/demo]

      本例演示更复杂的嵌套列表。

      定义列表

      [demo]

      一个定义列表:

      计算机

      用来计算的仪器 ... ...

      显示器

      以视觉方式显示信息的装置 ... ...

      [/demo]

      本例演示一个定义列表。

      列表标签

      标签 描述

        定义有序列表。

        定义无序列表。

      • 定义列表项。

        定义定义列表。

        定义定义项目。

        定义定义的描述。

        已废弃。使用
          代替它。

        已废弃。使用
          代替它。

相关文章


  • html动画(2)青蛙
  • 前端基础之HTML
  • HTML 基本标签(一)
  • HTML DOM Image 对象
  • 编程字典-HTML 格式化
  • HTML 符号实体参考手册
  • HTML DOM Track 对象
  • 工具:在线HTML编辑器