html用li能干什么吗

WBOY
发布: 2021-12-20 10:24:34
原创
5272 人浏览过

html中li标签可以用来定义列表项,与ul标签配合使用可定义无序列表,与ol标签配合使用定义可有序列表,语法为“

”或者“
”。

html用li能干什么吗

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

html用li能干什么吗

在html中,可以利用li标签来定义列表。

  • 标签可用在有序列表 (
      ) 和无序列表 (
        ) 中。

        li标签与ol标签配合使用定义有序列表,示例如下:

        <!DOCTYPE html>
        <html lang="en">
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Document</title>
        </head>
        <body>
        <p>有序列表:</p>
        <ol>
          <li>打开冰箱门</li>
          <li>把大象放进去</li>
          <li>关上冰箱门</li>
        </ol>
        </body>
        </html>
        登录后复制

        输出结果:

        07.png

        li标签与ul标签配合使用定义无序列表,示例如下:

        <!DOCTYPE html>
        <html lang="en">
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Document</title>
        </head>
        <body>
        <p>无序列表:</p>
        <ul>
          <li>雪碧</li>
          <li>可乐</li>
          <li>凉茶</li>
        </ul>
        </body>
        </html>
        登录后复制

        输出结果:

        08.png

        推荐教程:《html视频教程

        以上是html用li能干什么吗的详细内容。更多信息请关注PHP中文网其他相关文章!

  • 相关标签:
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板