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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部