html5中的列表标签

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

  • |
  • 浏览:9847
  • |
  • 更新:2014-11-11 16:15
  • 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. 无序列表

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

    无序列表始于 <ul> 标签。每个列表项始于 <li>。

  2. 有序列表

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

    有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

    html5中的列表标签_第1张图片
  3. 定义列表

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

    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

    html5中的列表标签_第2张图片
  4. 不同类型的有序列表

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

    html5中的列表标签_第3张图片
  5. 这就是我们常用到的HTML列表标签

    html5中的列表标签_第4张图片
    END

注意事项

  • 以上所有的列表项内部可以使用段落、换行符、图片、链接以及其他列表等

你可能感兴趣的:(html,列表)