当前位置: 首页 > news >正文

html的列表标签

previewfile_2413284026

列表标签

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

在这里插入图片描述

无序列表

  • 无序列表[重要]: ulli

示例代码1:

image-20240216153022684

对应的效果:

image-20240216155841919

无序列表的属性

属性描述
typediscsquarecirlce规定列表的项目符号的类型

注:disc是 浏览器默认展示方式,默认展示方式可以不写该代码
示例代码2:

运行效果:

image-20240216161335398

有序列表

  • 有序列表[用的不多]:ol, li

示例代码1:

image-20240216170639548

运行效果:

image-20240216170717354

有序列表的属性

属性描述
typea表示小写英文字母编号
A表示大写英文字母编号
i表示小写罗马数字编号
表示大写罗马数字编号
1表示数字编号(默认)
规定列表的类型
startnumber一个整数值属性,指定了列表编号的起始值

示例代码2:
image-20240216181032761

运行效果:

image-20240216175945922

示例代码3:

image-20240216183113200

运行效果:
image-20240216183306579

自定义列表

  • 自定义列表[重要] :dl(总标签) ,dt(小标题), dd(围绕标题来说明)上面有个小标题,下面有几个围绕着标题来展开的.

示例代码:

image-20240216191722457

运行效果:

image-20240216191700431
小知识(希望能够帮到你)
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)

相关文章:

  • 实习日志15
  • 操作系统——内存管理(附带Leetcode算法题LRU)
  • Qt QWidget以及各种控件、布局 核心属性(适合入门使用时查询)
  • proxy配置
  • 移动端App自动化之触屏操作自动化
  • 冒泡排序及其优化
  • 机器学习和统计学的区别?
  • python基本语法
  • git错误整理
  • 深度学习:Pytorch安装的torch与torchvision的cuda版本冲突问题与解决历程记录
  • Django学习全纪录:Django开发环境的搭建
  • uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)
  • DS:八大排序之归并排序、计数排序
  • PyCharm 取消所有断点
  • 数据模型概念
  • unity学习(20)——客户端与服务器合力完成注册功能(2)调试注册逻辑
  • 计算机专业必看《编程之神》
  • 7.1 Qt 中输入行与按钮
  • 2000-2021年县域指标统计数据库
  • Linux篇:网络基础1
  • 孙磊已任中国常驻联合国副代表、特命全权大使
  • 聚焦各领域顶尖工匠,《上海工匠》第十季于五一播出
  • 国台办:“台独”是绝路,外人靠不住
  • “铁血防守”制造8年最快丢球,恐惧中的阿森纳什么也做不了
  • 辽宁辽阳火灾3名伤者无生命危险
  • 广东省副省长刘红兵跨省调任湖南省委常委、宣传部长