html有序列表能嵌套无序列表么,HTML学习笔记1.13—有序列表及列表嵌套

我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。

有序列表

现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用

  1. 标签来表示有序列表,
    1. 标签的列表项依然是用
    2. 标签表示。

      它的代码模板是这样的:

    3. ...

看看他的具体代码实现是怎样的吧:

使用有序列表

为有序列表添加列表项

  1. 开会
  2. 写报告
  3. 睡觉

浏览器结果是:

e1b9ec6d10d839397a709b4d8ea855ec.png

列表嵌套

我们知道标签是可以嵌套的,所以列表也是可以嵌套的。当我们列表中的某些列表项是列表时,我们就可以用嵌套。

现在就通过一个例子来看看无序列表和有序列表是如何嵌套使用的吧:

使用有序列表和无序列表

省份城市

  • 安徽省
  • 北京市
  • 重庆市
  • 福建省
  • 甘肃省
    • 兰州市
    • 嘉峪关市
    • 金昌市

结果是怎样的呢?不妨前去http://www.mayacoder.com/lesson/lesson?lesson_id=31&knowledge_id=4 体验看看吧。

结果如下:

190ccefc899946c4e6b55317c69480c5.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值