0

0

HTML li标签是干嘛的?HTML li标签用法和属性的介绍

寻∝梦

寻∝梦

发布时间:2018-08-18 17:18:44

|

19763人浏览过

|

来源于php中文网

原创

html li标签是干嘛的?html li标签用法和属性的介绍都在这里,这篇文章给大家讲述的是html li标签的定义及属性介绍,还有html li标签如何去掉无序列表中的默认小点样式。

HTML li标签的定义和用法:

  • 标签定义列表项目。

  • 标签(全称为list item)是HTML语言中的一个元素标签。属于列表标签。以
  • 开始
  • 结束,
  • 标签可用在有序列表 (
      ) 和无序列表 (
      ) 中。

      HTML

    • 标签用法实例:
    • 立即学习前端免费学习笔记(深入)”;

      1. Coffee
      2. Tea
      3. Milk
      • Coffee
      • Tea
      • Milk

      HTML li标签的属性:

      tuyi.pngHTML li标签的用法详细说明:

      无序列表是一个项目的列表 [1]  ,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于

        标签。每个列表项始于
      • 。例:
        • Coffee
        • Milk

        浏览器显示如下:

        ·Coffee

        ·Milk

        列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

        有序列表也是一个项目的列表,列表项目使用数字进行标记。有序列表始于

          标签。每个列表项始于
        1. 标签。例:
          1. Coffee
          2. Milk

          浏览器显示如下:

          1.Coffee

          2.Milk

          Anyword
          Anyword

          AI文案写作助手和文本生成器,具有可预测结果的文案 AI

          下载

          列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

          HTML li标签如何去点无序列表中的小点:

          首先来看看我们使用列表标签出现的问题。

          • 1
          • 2
          • 3
          • 4
          • 5

          我们发现会出现了一个黑的小点点。因为我们使用的是无序列表标签。那么要怎么除去这些点点呢。

          接下来看看怎么解决问题咯。先打开记事本或者其他的html编辑器。我使用的editplus.新建一个html文件

          在源代码中加入如下的代码:

          ul li{
          list-style: none;
          }

          这样就可以去除默认的样式了。当然你也可以直接写在标签里面把样式,不过我推荐大家使用这种这发,使得代码后期方便维护。

          还有更直观的办法:

          
            
            
            
          
            
          
          

          HTML 与 XHTML 之间的差异

          在 HTML 4.01 中,li 元素的 "type" 和 "value" 属性是不被赞成使用的。

          在 XHTML 1.0 Strict DTD 中,li 元素的 "type" 和 "value" 属性是不被支持的。

          【相关推荐】

          html5 border属性怎么设置?html5 table中的border属性介绍

          htm5新增的表单元素keygen标签的用法和属性介绍

  • 相关文章

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    云朵浏览器入口合集
    云朵浏览器入口合集

    本专题整合了云朵浏览器入口合集,阅读专题下面的文章了解更多详细地址。

    0

    2026.01.20

    Java JVM 原理与性能调优实战
    Java JVM 原理与性能调优实战

    本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

    20

    2026.01.20

    PS使用蒙版相关教程
    PS使用蒙版相关教程

    本专题整合了ps使用蒙版相关教程,阅读专题下面的文章了解更多详细内容。

    62

    2026.01.19

    java用途介绍
    java用途介绍

    本专题整合了java用途功能相关介绍,阅读专题下面的文章了解更多详细内容。

    87

    2026.01.19

    java输出数组相关教程
    java输出数组相关教程

    本专题整合了java输出数组相关教程,阅读专题下面的文章了解更多详细内容。

    39

    2026.01.19

    java接口相关教程
    java接口相关教程

    本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

    10

    2026.01.19

    xml格式相关教程
    xml格式相关教程

    本专题整合了xml格式相关教程汇总,阅读专题下面的文章了解更多详细内容。

    13

    2026.01.19

    PHP WebSocket 实时通信开发
    PHP WebSocket 实时通信开发

    本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。

    19

    2026.01.19

    微信聊天记录删除恢复导出教程汇总
    微信聊天记录删除恢复导出教程汇总

    本专题整合了微信聊天记录相关教程大全,阅读专题下面的文章了解更多详细内容。

    160

    2026.01.18

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    Bootstrap 5教程
    Bootstrap 5教程

    共46课时 | 2.9万人学习

    AngularJS教程
    AngularJS教程

    共24课时 | 2.8万人学习

    CSS教程
    CSS教程

    共754课时 | 21.5万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号