HTML5之列表

我们在这里要学的是列表,HTML中列表分为三种:有序列表,无序列表,定义列表。开始咯!

一,有序列表

简单点来说有序列表就是为每一段条文编号,如1.2.3.4....。

<ol>:用<ol>元素来创建有序列表。

<li>:列表中的每一段条文都位于<li>元素中,浏览器会默对列表进行缩进。

二,无序列表

无序列表是用点状项目符号来作为开头的列表,也就是说不会像有序列表一样有顺序。

<ul>:用<li>元素来创建无序列表。

<li>:有序列表中的每一段条文都位于<li>元素中,那无序列表呢?

三,定义列表

我们到这里已经明白了有序列表和无序列表了,来认识一个新知识,那就是定义列表。

当我们有一些术语要解释的时候,就可以用到定义列表,它没有排序也没有点状符号开头。

1.<dl>:用<dl>来创建定义列表。

2.<dt>:它用来包含别解释的术语。

3.<dd>:它用来包含定义。

四,嵌套列表

我们上面已经学完了有序列表,无序列表,定义列表。有时候我们要在某个列表中某一项条文下再加上一个列表,这时候就用到了嵌套列表。可以在<li>元素下再创建一个列表,记得结束标签哈。


OK,我这里可能比较简洁,但这能帮助大家去理解和记忆,如要深入学习,可去菜鸟教程或w3cschool。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,947评论 18 139
  • 1.有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    王康_Wang阅读 633评论 0 0
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,451评论 2 17
  • 周末带娃哪里耍?成都最火原生态亲子乐园——松鼠部落,周末开趴啦! 成都松鼠部落森林假日公园 位于天府新区合江镇东山...
    乡村君阅读 1,202评论 0 0
  • 当我看到今年的高考题目是以车为话题,沉浸在心底的记忆悄然打开。或许很多人看到车的一瞬间,首先想到的是奔驰、宝马、婴...
    一个人遛狗狗阅读 207评论 0 0