html语言中项目列表的嵌套,HTML 列表

HTML 列表

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

HTML列表

这是第一项

这是第二项

这是第三项

9e621263d8d9c66b640f3341ac9632b6.gif

试一个

(本页底部提供了更多示例)

无序列表

无序列表(unordered list)由一组项目构成,其中每个项目都有项目符号(通常是个小黑点)标示。

整个无序列表以

  • 标签开始,列表中的每一项以
  • 标签开始。
    • 咖啡
    • 牛奶

    在浏览器中的显示效果为:

    咖啡

    牛奶

    你可以在列表项中插入段落、换行、图像、链接或其他列表等等。

    有序列表

    有序列表(ordered list)也是一组项目,但它的每个项目是用数字标示的。

    整个有序列表以

    1. 标签开始,其中每一项以
    2. 标签开始。
      1. 咖啡
      2. 牛奶

      在浏览器中的显示效果为:

      咖啡

      牛奶

      你可以在列表项中插入段落、换行、图像、链接或其他列表等等。

      定义列表

      构成定义列表(definition list)的,不是单个项目,而是项目(术语)以及对各个项目(术语)的描述。

      定义列表以

      其中每一项以

      (“dt”是definition term的缩写)标签开始。

      每个项目的描述以

      (“dd”是definition description的缩写)标签开始。
      咖啡
      黑色热饮
      牛奶
      白色冷饮

      在浏览器中的显示效果为:

      咖啡

      黑色热饮

      牛奶

      白色冷饮

      你可以在

      元素中插入段落、换行、图像、链接或其他列表等等。

      9e621263d8d9c66b640f3341ac9632b6.gif

      更多示例

      不同类型的有序列表

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

      不同类型的无序列表

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

      嵌套列表

      本例演示了如何在列表中嵌套列表。

      嵌套列表2

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

      定义列表

      本例演示一个定义列表。

      列表标签

      标签

      描述

      定义有序列表

      定义无序列表

      定义一个列表项

      创建一个定义列表

      在定义列表中创建一项(即一个术语)

      为定义列表中的术语创建描述

      被弃用的,请用

      • 替代

      被弃用的,请用

      • 替代
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值