零基础学Web前端开发(4)

html列表概述

列表分为三类:1、有序列表(ol),2、无序列表(ul),3、定义列表(dl)

有序列表的列表项目有先后顺序之分。无序列表的所有列表项之间没有先后顺序之分。定义列表是一组带有特殊含义的列表,一个列表项目里包含条件和说明两部分。

有序列表
无序列表
定义列表

一、有序列表(ol)

有序列表用标签<ol>配合<li>使用,一般情况,<ol>标签里只能有<li>标签(嵌套表格除外)。在<ol>标签内添加文本只能在<li>标签内添加

有序列表的type属性:

通过有序列表type属性来改变列表项符号。

有序列表type属性
写法示例
显示效果

二、无序列表(ul)

无序列表是<ul>标签与<li>标签配合使用,一般情况<ul>内不能含有其他标签(嵌套表格除外)。在<ul>标签内的文本只能在<li>标签里面添加

无序列表的type属性

用于控制列表项符号。我们可以改变type属性值来调整列表项符号。

无序列表type属性
代码示例与显示效果

三、定义列表<dl>

定义列表由两部分组成:定义条件<dt>和定义描述<dd>。

在该语法中,<dl》标记和</dl>标记分别定义了定义列表的开始和结束,<dt>标签后面添加要解释的名词,而在<dd>后面则添加该名词的具体解释。

代码示例与效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,768评论 32 459
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 4,260评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,230评论 19 139
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,734评论 1 41
  • 一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    hk_kh阅读 4,160评论 0 0

友情链接更多精彩内容