首页 > html教程 > 正文

HTML列表及实例

转载 2019-01-23 0 186

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]

      本例演示一个定义列表。

      列表标签

      标签 描述

        定义有序列表。

        定义无序列表。

      • 定义列表项。

        定义定义列表。

        定义定义项目。

        定义定义的描述。

        已废弃。使用
          代替它。

        已废弃。使用
          代替它。

相关文章


  • 用Unity和HTML5开发移动游戏的优缺点
  • 游戏中的HTML词汇大比拼
  • 白鹭HTML5开发者巡回沙龙走进“会耍”的成都
  • PS直播预告|html5+css3打造炫酷3D卡片效果
  • 游吐槽丨道长开喷:《逆水寒》该道歉!炒作low逼,把html说成C语言
  • html页面中图片长宽不一需要根据父级长宽全图不拉伸显示的做法
  • 高端的医院官网响应式模板PSD和HTML+后台界面HTML皮肤套装下载
  • 应届生4天的时间来制作一个简单的HTML按钮和CSS,应该解雇他吗?
  • 作者信息