html中的列表元素

列表元素分为无序列表ul(unordered list)、有序列表和定义列表

用ul定义无序列表,用li定义列表项。ul标签支持全局标准属性和全局事件属性

无序列表的特点:

列表项目作为一个整体,与上下文段落各有一行空白;列表项向右缩进并向左对齐,每个列表项前面都有项目符号

用ol来定义有序列表,表项的标签仍为li

有序列表的特点:

列表项目作为一个整体,与上下文段落各有一行空白;列表项向右缩进并向左对齐,每个列表项前面都有默认数字

定义列表元素dl,用dl标签定义,他的内容不仅仅是一列项目,而是项目及其注释的组合:在dl、dt、dd三个标签的组合当中,dt是标题,dd是内容,dl可是看作是储存他们的容器(当dd标签很多时,可以在其中嵌套p标签)

注:列表可以混合使用,形成嵌套列表

相关推荐
平头哥技术团队1 天前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5
CoderYanger3 天前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
平头哥技术团队4 天前
Day 16 | 用 ul、ol、li 一个标签,把散资料收成有序的技能清单页
开发语言·前端·html·html5
平头哥技术团队5 天前
Day 13 | 调 line-height 和 margin:三处间距让名片页脱离模板感
开发语言·前端·javascript·学习·html5
大模型码小白10 天前
数据可视化:AI处理多维数据的HTML5可视化方案
大数据·前端·javascript·人工智能·机器学习·信息可视化·html5
小江的记录本11 天前
【CSS】CSS 核心:盒模型、BFC/IFC、Flex/Grid 布局、响应式布局、移动端适配(附《思维导图》)
前端·css·面试·前端框架·tensorflow·html5·xss
我命由我1234511 天前
JS Mock(Mock 拦截请求的前提、Mock 使用、关闭 Mock)
开发语言·前端·javascript·前端框架·html·html5·js
小江的记录本11 天前
【HTML】HTML5 新特性、语义化标签、浏览器渲染流程(附《思维导图》)
前端·css·面试·前端框架·html·css3·html5
ly768919 天前
HTML5 从入门到工程实践:语义化、表单、多媒体、性能与项目规范详解
前端·html·html5
WL_arm20 天前
Vibe Coding(氛围编程)入门
javascript·css·人工智能·html5