html的列表标签

列表标签

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

无序列表

  • 无序列表重要: ul ,li

示例代码1:

对应的效果:

无序列表的属性

属性 值 描述
type disc,square,cirlce 规定列表的项目符号的类型

注: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)

相关推荐
ITOM运维行者10 小时前
PHP性能监控怎么做?从响应时间到慢函数的6个关键指标
前端·javascript·后端
成旭先生11 小时前
AI 文本审核 API:一段中文文本判风险等级、命中标签与处置建议
java·前端·人工智能·api接口·内容风控·文本审核·ugc审核
liangshanbo121511 小时前
前端面试题:AI 对话中超长消息导致内存溢出,怎么解决?
java·开发语言·前端
静默回滚11 小时前
PDF能打开却不能复制,原来是权限密码
前端
律宏阔11 小时前
Dart FFI 内存管理:用 using + Arena 替代嵌套 try-finally
前端·flutter
guslegend11 小时前
脚手架入门:必要性、核心功能与执行原理
前端·架构·node.js·脚手架·前端工程化
律宏阔11 小时前
Flutter 调用 Go:从 c-shared + ffigen 到 @Native + Native Assets 踩坑记录
前端·flutter
LEE11 小时前
前端转型全栈 05:SQL 与迁移,AI 写的 SQL 怎么安全上线
前端·后端·ai编程
用户157415681653411 小时前
macOS 打包体积异常的排查实录
前端
数据掘金11 小时前
小程序埋点方案上线前要检查哪些点?我用一张检查清单过了二十多项
前端