HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

  • |
  • 浏览:1652
  • |
  • 更新:2014-11-11 16:15
  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 1
  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 2
  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 3
  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 4
  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 5
分步阅读

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

工具/原料

  • html,dw软件

方法/步骤

  1. 1

    无序列表

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

    无序列表始于

      标签。每个列表项始于
    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用_第1张图片


  2. 2

    有序列表

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

    有序列表始于

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

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用_第2张图片


  3. 3

    定义列表

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

    自定义列表以

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

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用_第3张图片




  4. 4

    不同类型的有序列表

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

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用_第4张图片



  5. 5

    这就是我们常用到的HTML列表标签

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用_第5张图片
    END

你可能感兴趣的:(前端)