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)

相关推荐
漂流瓶jz4 分钟前
Webpack如何实现万物皆可import?loader的使用/配置/手写实践
前端·javascript·webpack
ZC跨境爬虫19 分钟前
跟着 MDN 学CSS day_41:显式轨道、隐式网格与区域命名放置
前端·javascript·css·ui·交互
修己xj1 小时前
告别手动存图!这款叫 Fatkun 的浏览器插件,简直是素材收集神器
前端
袋鼠云数栈2 小时前
从前端到基础设施,ACOS 如何打通企业全链路可观测
运维·前端·人工智能·数据治理·数据智能
AskHarries2 小时前
系统提示词、开发者指令和用户输入的优先级
java·前端·数据库
Moment2 小时前
长上下文会最终杀死 Rag 吗?
前端·javascript·后端
secondyoung2 小时前
Cortex-R52学习:MPU内存保护机制
arm开发·单片机·学习·arm·mpu
red_redemption2 小时前
自由学习记录(198)
学习
花岛溯2 小时前
Cursor 学习 DAY2·切换AI模型
学习
星夜夏空993 小时前
FreeRTOS学习(9)——临界区
学习