html中的列表元素

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

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

无序列表的特点:

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

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

有序列表的特点:

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

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

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

相关推荐
酉鬼女又兒1 天前
入门前端CSS 媒体查询全解析:从入门到精通,打造完美响应式布局(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·前端框架·html5·媒体
我命由我123452 天前
Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态
开发语言·前端·javascript·html·ecmascript·html5·js
我命由我123452 天前
Element Plus 问题:选择框表单校验没有触发
开发语言·前端·javascript·html·ecmascript·html5·js
酉鬼女又兒3 天前
零基础入门前端弹性布局(Flexbox)实战:结合 Class 与 ID 选择器(可用于备赛蓝桥杯Web开发应用)
前端·css·蓝桥杯·html·html5
张3蜂4 天前
HTML5语义化标签:现代网页的骨架与灵魂
前端·html·html5
我命由我123454 天前
JS 开发问题:url.includes is not a function
开发语言·前端·javascript·html·ecmascript·html5·js
kyriewen114 天前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
kyriewen114 天前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·javascript·css·less·css3·sass·html5
我命由我123456 天前
Element Plus - 在 el-select 的每个选项右侧添加按钮
前端·javascript·vue.js·前端框架·ecmascript·html5·js
酉鬼女又兒7 天前
HTML基础实例样式详解零基础快速入门Web开发(可备赛蓝桥杯Web应用开发赛道) 助力快速拿奖
前端·javascript·职场和发展·蓝桥杯·html·html5·web