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)

相关推荐
Amumu121381 分钟前
Vue Router(二)
java·前端
酒鼎31 分钟前
学习笔记(4)HTML5新特性(第3章)- WebSocket
笔记·学习·html5
a1117761 小时前
图书借阅管理系统(FastAPI + Vue)
前端·vue.js·fastapi
常年游走在bug的边缘1 小时前
掌握JavaScript作用域:从函数作用域到块级作用域的演进与实践
开发语言·前端·javascript
-Springer-1 小时前
STM32 学习 —— 个人学习笔记2-2(新建工程)
笔记·stm32·学习
极致♀雨1 小时前
vue2+elementUI table表格勾选行冻结/置顶
前端·javascript·vue.js·elementui
tb_first1 小时前
万字超详细苍穹外卖学习笔记4
java·spring boot·笔记·学习·spring·mybatis
日更嵌入式的打工仔1 小时前
C内存布局
笔记
林shir1 小时前
3-15-前端Web实战(Vue工程化+ElementPlus)
前端·javascript·vue.js
卡布叻_星星2 小时前
达梦数据库笔记之使用教程以及不推荐迁移选择小写
笔记