html列表

  1. html有三种列表:有序列表、无序列表、自定义列表
  • 有序列表:

    • 有序列表是一列项目,列表项目使用数字进行标记。
  • 有序列表始于 <ol>标签。每个列表项始于 <li> 标签。

  • 不同类型的有序列表:


  • 使用场景:有明显排序时使用有序列表

  • 无序列表:

    • 无序列表也是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
    • 无序列表始于 <ul>标签。每个列表项始于 <li>
    • 不同类型的无序列表


    • 使用场景:有并列排列时使用无序列表
  • 自定义列表:

    • 自定义列表不仅仅是一列项目,而是项目及其注释的组合。
    • 自定义列表以<dl>标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd>开始。
  • 有序列表、无序列表、自定义列表三者语义上的差别

    • 无序列表适合成员之间无级别顺序关系的情形;
    • 有序列表适合各项目之间存在顺序关系的情形;
    • 自定义列表用于一个术语名对应多重定义或者多个术语名同一个给出的定义,也可以只有术语名称或只有定义,也就是说<dt><dd>在其中数量不限、对应关系不限。

三种列表可以相互嵌套


  1. 如何去除列表前面的点或者数字?
    使用list-style: none可以去除列表前面的点或这数字

    list-style是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 displaylist-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。
    可以按顺序设置如下属性:
  • list-style-type设置列表项标记的类型
  • list-style-position设置在何处放置列表项标记
  • list-style-image使用图像来替换列表项的标记
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 2017-09-07摘抄自W3school-HTML 列表希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自...
    moralok阅读 1,841评论 0 0
  • 无序列表 无序列表是一个项目的列表,此列项目使用项目符号进行标记。 无序列表始于 标签。每个列表项始于 。 项目...
    qin7zhen阅读 2,675评论 1 2
  • 什么是html列表 html列表分为有序列,无序列表和自定义列表。 1.无序列表:无序列表是一个项目的列表,此列项...
    zj_zxj阅读 3,582评论 0 1
  • UIButton 上默认是图片在左文字在右,而大多数情况这样默认的的显示形式都不能满足我们的需求,接下来我就这个问...
    SuAdrenine阅读 3,544评论 0 0
  • 三叔的病 我总是想说些什么的,可是转念一想却又没什么可说。就像我有一肚子笑话想讲给别人...
    314a0b88edff阅读 1,571评论 0 0

友情链接更多精彩内容