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)

相关推荐
e***74956 分钟前
【JavaEE】Spring Web MVC
前端·spring·java-ee
im_AMBER15 分钟前
Leetcode 63 定长子串中元音的最大数目
c++·笔记·学习·算法·leetcode
"菠萝"18 分钟前
C#知识学习-020(访问关键字)
开发语言·学习·c#
AntBlack19 分钟前
Z-Image 发布了 ,赶紧体验了一把(配套 Modal执行脚本)
前端·后端·aigc
●VON40 分钟前
Electron 项目在“鸿蒙端”与“桌面端”运行的区别
javascript·学习·electron·openharmony
诸葛韩信1 小时前
前端工程化1——npm insatall背后的工作原理
前端·npm·node.js
箫笙默1 小时前
JS基础 - 正则笔记
开发语言·javascript·笔记
k***12171 小时前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
لا معنى له1 小时前
残差网络论文学习笔记:Deep Residual Learning for Image Recognition全文翻译
网络·人工智能·笔记·深度学习·学习·机器学习
专注前端30年1 小时前
如何使用 HTML5 的 Canvas + JavaScript 实现炫酷的游戏得分特效?
前端·javascript·游戏·html5·canvas·canva可画