首页 > 软件开发 > HTML >

HTML如何表示列表

来源:互联网 2023-03-16 19:16:20 119

这里介绍下Html的几种列表形式。

XeM办公区 - 实用经验教程分享!

XeM办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 浏览器

方法/步骤

  • 1

    首先我们先写一个小架子

    XeM办公区 - 实用经验教程分享!

    XeM办公区 - 实用经验教程分享!

    HTML如何表示列表XeM办公区 - 实用经验教程分享!

  • 2

    接着我们在body中写上ul> 标签,无序列表XeM办公区 - 实用经验教程分享!

    HTML如何表示列表XeM办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    我们来看一下浏览器展示效果

    XeM办公区 - 实用经验教程分享!

    XeM办公区 - 实用经验教程分享!

    HTML如何表示列表XeM办公区 - 实用经验教程分享!

  • 4

    有序列表 ol> 标签。有序列表有序号XeM办公区 - 实用经验教程分享!

    HTML如何表示列表XeM办公区 - 实用经验教程分享!

  • 5

    看这浏览器的展示效果,是带着序号的

    XeM办公区 - 实用经验教程分享!

    XeM办公区 - 实用经验教程分享!

    HTML如何表示列表XeM办公区 - 实用经验教程分享!

  • 注意事项

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

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


    标签: HTML

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