html的列表标签

列表标签

列表在html里面经常会用到的,主要使用来布局的,使其整齐好看.

无序列表

  • 无序列表[重要]: ulli

示例代码1:

对应的效果:

无序列表的属性

属性 描述
type discsquarecirlce 规定列表的项目符号的类型

注:disc是 浏览器默认展示方式,默认展示方式可以不写该代码
示例代码2:

运行效果:

有序列表

  • 有序列表[用的不多]:ol, li

示例代码1:

运行效果:

有序列表的属性

属性 描述
type a表示小写英文字母编号 A表示大写英文字母编号 i表示小写罗马数字编号 表示大写罗马数字编号 1表示数字编号(默认) 规定列表的类型
start number 一个整数值属性,指定了列表编号的起始值

示例代码2:

运行效果:

示例代码3:

运行效果:

自定义列表

  • 自定义列表[重要] :dl(总标签) ,dt(小标题), dd(围绕标题来说明)上面有个小标题,下面有几个围绕着标题来展开的.

示例代码:

运行效果:


小知识(希望能够帮到你)
ul是unordered lists的缩写(无序列表)
li是list item的缩写(列表项目)
ol是ordered lists的缩写(有序列表)
dl是definition lists的英文缩写(自定义列表)
dt是definition term的缩写(自定义列表组)
dd是definition description的缩写(自定义列表描述)
nl是navigation lists的英文缩写(导航列表)
tr是table row的缩写(表格中的一行)
th是table header cell的缩写(表格中的表头)
td是table data cell的缩写(表格中的---个单元格)

HTML 列表 | 菜鸟教程 (runoob.com)

相关推荐
通往曙光的路上13 小时前
JUCJUCJUC
java·前端·数据库
Swift社区13 小时前
鸿蒙 PC vs Web:谁才是未来应用形态?
前端·华为·harmonyos
问心无愧051313 小时前
ctf show web入门54
前端·笔记
小陈phd13 小时前
多模态大模型学习笔记(三十九)——生成式与Transformer式OCR:从“像素抄录“到“文档智能“的完整演进
笔记·学习·transformer
西贝爱学习13 小时前
pdf转TXT文本,适用于文字型PDF;扫描版PDF需要使用OCR(光学字符识别)技术来识别图中的文字
java·服务器·前端
泡泡以安13 小时前
Unidbg学习笔记(一):为什么需要用户态模拟器
笔记·学习
ZC跨境爬虫13 小时前
跟着 MDN 学 HTML day_43:(DocumentFragment 接口详解)
前端·javascript·vue.js·ui·html·音视频
暖馒13 小时前
WPF绑定由简到繁深入笔记
笔记·wpf
Bigger13 小时前
mini-cc:用最小的代码,复刻一个“真正能干活”的 AI 编程智能体(并且把架构讲清楚)
前端·ai编程·claude
问心无愧051313 小时前
ctf show web 入门46
android·前端·笔记