html的列表标签

previewfile_2413284026

列表标签

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

在这里插入图片描述

无序列表

  • 无序列表[重要]: ulli

示例代码1:

image-20240216153022684

对应的效果:

image-20240216155841919

无序列表的属性

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

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

运行效果:

image-20240216161335398

有序列表

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

示例代码1:

image-20240216170639548

运行效果:

image-20240216170717354

有序列表的属性

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

示例代码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)

相关推荐

  1. HTML 建立列表——列表标签

    2024-02-17 13:00:01       30 阅读
  2. HTML 标签列表(功能排序)

    2024-02-17 13:00:01       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-17 13:00:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-17 13:00:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-17 13:00:01       82 阅读
  4. Python语言-面向对象

    2024-02-17 13:00:01       91 阅读

热门阅读

  1. Matplotlib plt.plot数据可视化应用案例

    2024-02-17 13:00:01       53 阅读
  2. nlp中如何数据增强

    2024-02-17 13:00:01       42 阅读
  3. Windows安装minio

    2024-02-17 13:00:01       70 阅读
  4. 【笔记】常用方法

    2024-02-17 13:00:01       49 阅读
  5. Linux组管理和权限管理

    2024-02-17 13:00:01       45 阅读
  6. RPA基础知识学习清单

    2024-02-17 13:00:01       46 阅读
  7. Python中tqdm模块的常用方法和示例

    2024-02-17 13:00:01       62 阅读
  8. docker 编译安装redis脚本

    2024-02-17 13:00:01       49 阅读
  9. RabbitMQ

    RabbitMQ

    2024-02-17 13:00:01      50 阅读