HTML——列表标签

列表

作用:布局内容排列整齐的区域。

列表分类:有序列表、无序列表、定义列表。

1、无序列表

作用:布局排列整齐的不需要规定顺序的区域。

标签:ul嵌套li,ul是无序列表,li是列表条目。

注:ul标签里面只能包裹li标签

li标签里面可以包含任何内容

(补充:如果需要连续多次使用某个标签,可以通过"标签名*次数"[如:li*3 ])

2、有序列表

作用:布局排列整齐的需要规定顺序的区域。

标签:ol嵌套li,ol是有序列表,li是列表条目。

注:ol标签里面只能包裹li标签

li标签里面可以包含任何内容

补充:序号属性可以更改

类型值 描述 示例
type="1" 数字(默认值) 1. 苹果 2. 香蕉
type="A" 大写英文字母 A. 苹果 B. 香蕉
type="a" 小写英文字母 a. 苹果 b. 香蕉
type="I"(i的大写) 大写罗马数字 I. 苹果 II. 香蕉
type="i" 小写罗马数字 i. 苹果 ii. 香蕉

3、定义列表

标签:dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述 / 详情。

注:dl标签里面只能包裹dd和dt标签

dd和dt标签里面可以包含任何内容

相关推荐
涵涵(互关)5 分钟前
Naive-ui树型选择器只显示根节点
前端·ui·vue
BY组态14 分钟前
Ricon组态系统最佳实践:从零开始构建物联网监控平台
前端·物联网·iot·web组态·组态
BY组态19 分钟前
Ricon组态系统vs传统组态软件:为什么选择新一代Web组态平台
前端·物联网·iot·web组态·组态
SoaringHeart20 分钟前
Flutter进阶:OverlayEntry 插入图层管理器 NOverlayZIndexManager
前端·flutter
放下华子我只抽RuiKe530 分钟前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
IT_陈寒2 小时前
Redis缓存击穿把我整不会了,原来还有这手操作
前端·人工智能·后端
idcu2 小时前
深入 Lyt.js 组件系统:L2 渲染引擎层的核心
前端·typescript
这是程序猿3 小时前
Spring Boot自动配置详解
java·大数据·前端
文心快码BaiduComate3 小时前
干货|Comate Harness Engineering工程实践指南
前端·后端·程序员
还有多久拿退休金3 小时前
一张栈的图,治好你面试答不出 script 阻塞的病
前端·javascript