• 技术文章 >web前端 >前端问答

    html中ol标签的用法是什么

    长期闲置长期闲置2021-12-30 16:18:00原创482

    在html中,ol标签用于定义一个有序列表,列表的排序以数字来显示,列表内的内容由li标签来定义,语法为“<ol><li>...</li></ol>”;当ol标签内设置reversed属性时,可以将有序列表倒序显示。

    本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

    html中ol标签的用法是什么

    <ol> 标签用于定义了一个有序列表. 列表排序以数字来显示。

    使用<li> 标签来定义列表选项。

    可以使用 CSS 来渲染,无序列表,可以使用 <ul> 标签。

    语法如下:

    <ol>
    <li>...</li>
    ...
    </ol>

    示例如下:

    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>123</title> 
    </head>
    <body>
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    <ol start="50">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
     
    </body>
    </html>

    输出结果:

    37.png

    推荐教程:《html视频教程

    以上就是html中ol标签的用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html
    上一篇:html强制跳转代码是什么 下一篇:html5怎样设置button按钮跳转页面
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html中怎么设置字体透明度• 深入浅出了解一下html中的特殊符号、表单和表格• html5有哪些全局属性• html5能做app吗• html中的block是什么意思
    1/1

    PHP中文网