首页 > 软件开发 > HTML >

怎样在HTML创建一个多重嵌套的列表

来源:互联网 2023-03-16 19:19:01 430

HTML是超文本标记语言,是一种用于创建网页的标记语言。HTML怎样在网页 创建嵌套列表呢?E1u办公区 - 实用经验教程分享!

怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

工具/原料

  • 记事本
  • chrome浏览器

方法/步骤

  • 1

    以下面这个列表为例,这个列表嵌套了两层列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

  • 1本页面非法爬取自百度经验
  • 2

    首先写第一层列表,无序列表使用“ul”标签和“li”标签E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

  • 3

    然后写第二层列表,"Tea"的列表。仍然是无序列表。E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

  • 4

    最后写“Green Tea”的列表,是无序列表。E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

  • 5

    用浏览器打开,就可以创建一个含有嵌套列表的网页了。E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

    怎样在HTML创建一个多重嵌套的列表E1u办公区 - 实用经验教程分享!

  • 总结

  • 1

    观察嵌套列表有几层,以本例为例,列表一共有三个E1u办公区 - 实用经验教程分享!

    首先写第一层列表,无序列表使用“ul”标签和“li”标签E1u办公区 - 实用经验教程分享!

    然后写第二层列表,"Tea"的列表。仍然是无序列表。E1u办公区 - 实用经验教程分享!

    最后写“Green Tea”的列表,是无序列表。E1u办公区 - 实用经验教程分享!

    用浏览器打开,就可以创建一个含有嵌套列表的网页了。E1u办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!E1u办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码