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

HTML-列表标签

news 来源：原创 2025/5/13 8:49:49

列表是一系列排列好的项目，主要分成两类：有序列表和无序列表。

有序列表是每个列表项前面有编号，呈现出顺序，就像下面这样。

1. 列表项 A
2. 列表项 B
3. 列表项 C

无序列表则是列表项前面没有编号，只有一个列表符号，默认是一个圆点。

· 列表项 A
· 列表项 B
· 列表项 C

`<ol>`

<ol>标签是一个有序列表容器（ordered list），会在内部的列表项前面产生数字编号。列表项的顺序有意义时，比如排名，就会采用这个标签。

<ol><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ol>

上面代码会在列表项 A、B、C 前面，分别产生1、2、3的编号。

<ol>标签内部可以嵌套<ol>标签或<ul>标签，形成多级列表。

<ol><li>列表项 A</li><li>列表项 B<ol><li>列表项 B1</li><li>列表项 B2</li><li>列表项 B3</li></ol></li><li>列表项 C</li>
</ol>

上面代码中，一个有序列表内部嵌套了另一个有序列表，渲染结果如下。

1. 列表项 A
2. 列表项 B1. 列表项 B12. 列表项 B23. 列表项 B3
3. 列表项 C

该标签有以下属性。

（1）reversed

reversed属性产生倒序的数字列表。

<ol reversed><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ol>

上面代码中，列表项 A、B、C 前面，产生的编号是3、2、1。

（2）start

start属性的值是一个整数，表示数字列表的起始编号。

<ol start="5"><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ol>

上面代码中，列表项 A、B、C 前面，产生的编号是5、6、7。

（3）type

type属性指定数字编号的样式。目前，浏览器支持以下样式。

a：小写字母
A：大写字母
i：小写罗马数字
I：大写罗马数字
1：整数（默认值）

<ol type="a"><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ol>

上面代码中，列表项 A、B、C 前面的编号，分别是英文小写字母a、b、c。

注意，即使编号是字母，start属性也依然使用整数。

<ol type="a" start="3"><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ol>

上面代码中，type属性指定编号采用小写英文字母，start属性等于3，表示从c开始编号。

`<ul>`

<ul>标签是一个无序列表容器（unordered list），会在内部的列表项前面产生实心小圆点，作为列表符号。列表项的顺序无意义时，采用这个标签。

<ul><li>列表项 A</li><li>列表项 B</li><li>列表项 C</li>
</ul>

上面代码的渲染结果是，列表项 A、B、C 前面，分别产生一个实心小圆点，作为列表符号。

<ul>标签内部可以嵌套<ul>或<ol>，形成多级列表。

`<li>`

<li>表示列表项，用在<ol>或<ul>容器之中。

有序列表<ol>之中，<li>有一个value属性，定义当前列表项的编号，后面列表项会从这个值开始编号。

<ol><li>列表项 A</li><li value="4">列表项 B</li><li>列表项 C</li>
</ol>

上面代码中，value属性指定第二个列表项的编号是4，因此三个列表项的编号，分别为1、4、5。

`<dl>`，`<dt>`，`<dd>`

<dl>标签是一个块级元素，表示一组术语的列表（description list）。术语名（description term）由<dt>标签定义，术语解释（description detail）由<dd>标签定义。<dl>常用来定义词汇表。

<dl><dt>CPU</dt><dd>中央处理器</dd><dt>Memory</dt><dd>内存</dd><dt>Hard Disk</dt><dd>硬盘</dd>
</dl>

<dt>和<dd>都是块级元素，<dd>默认会在<dt>下方缩进显示。上面代码的默认渲染结果如下。

CPU中央处理器Memory内存Hard Disk硬盘

多个术语（<dt>）对应一个解释（<dd>），或者多个解释（<dd>）对应一个术语（<dt>），都是合法的。

<dl><dt>A</dt><dt>B</dt><dd>C</dd><dt>D</dt><dd>E</dd><dd>F</dd>
</dl>

上面代码中，A和B有共同的解释C，而D有两个解释E和F。

HTML-列表标签

列表是一系列排列好的项目，主要分成两类：有序列表和无序列表。有序列表是每个列表项前面有编号，呈现出顺序，就像下面这样。 1. 列表项 A 2. 列表项 B 3. 列表项 C无序列表则是列表项前面没有编号，只有一个列表符号&…...

编程日记 2025/5/13 8:49:49

计算机网络原理（一）

嘿！ 新年的第一篇博客，大家新年快乐呀！希望大家新的一年要多多进步噢！ 1.TCP/IP的四层/五层参考模型有哪些层，各层的特点是？计算机网络分层的好处是？ TCP/IP 四层参考模型应用层:直接为用户…...

编程日记 2025/5/7 20:22:02

扩散模型论文概述（二）：Google系列工作【学习笔记】

视频链接：扩散模型论文概述（二）：Google系列工作_哔哩哔哩_bilibili 本视频讲的是Google在图像生成的工作。同样，第一张图片是神作，总结的太好了！ 在生成式AI的时代，OpenAI和Google不…...

编程日记 2025/5/10 11:42:55

第四届计算机、人工智能与控制工程

第四届计算机、人工智能与控制工程 The 4th International Conference on Computer, Artificial Intelligence and Control Engineering 重要信息大会官网：www.ic-caice.net 大会时间：2025年1月10-12日大会地点：中国合肥 (安徽大学磬苑…...

编程日记 2025/5/12 22:38:42

UE4.27 Android环境下获取手机电量

获取电量方法使用的方法时FAndroidMisc::GetBatteryLevel(); 出现的问题但是在电脑上编译时发现，会发现编译无法通过。因为安卓环境下编译时，包含 #include "Android/AndroidPlatformMisc.h" 头文件是可以正常链接的，但在电…...

编程日记 2025/5/7 9:04:57

【人工智能】基于Python与OpenCV构建简单车道检测算法：自动驾驶技术的入门与实践

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界随着自动驾驶技术的快速发展，车道检测作为自动驾驶系统中的一个重要组成部分，起着至关重要的作用。本文将介绍如何利用Python与OpenCV库构…...

编程日记 2025/5/9 23:01:43

永磁同步电机控制算法--最大转矩电流比控制（牛顿迭代法）

一、原理介绍搭建了基于牛顿迭代法的MTPA双闭环矢量控制系统二、仿真验证在MATLAB/simulink里面验证所提算法，采用和实验中一致的控制周期1e-4，电机部分计算周期为1e-6。仿真模型如下所示： 对直接公式计算法和牛顿迭代法进行仿真对比验…...

编程日记 2025/4/29 6:09:55

基于51单片机（STC32G12K128）和8X8彩色点阵屏（WS2812B驱动）的小游戏《贪吃蛇》

目录系列文章目录前言一、效果展示二、原理分析三、各模块代码1、定时器02、矩阵按键模块3、8X8彩色点阵屏四、主函数总结系列文章目录前言《贪吃蛇》，一款经典的、怀旧的小游戏，单片机入门必写程序。以《贪吃蛇》为载体，熟悉各种屏幕…...

编程日记 2025/5/5 17:45:34

Ceph 手动部署（CentOS9）

#Ceph手动部署、CentOS9、squid版本、数字版本19.2.0 #部署服务：块、对象、文件一、部署前规划 1、兼容性确认 2、资源规划节点类型节点名称操作系统CPU/内存硬盘网络组件安装集群节点CephAdm01CentOS94U/8GOS：40G，OSD：2*100GIP1：192.169.0.9（管理&集群），IP2：…...

编程日记 2025/5/13 21:37:56

Reactor测试框架之StepVerifier

Reactor测试框架之StepVerifier 测试步骤1、创建StepVerifier实例2、添加断言3、执行验证代码实例在响应式编程中，Reactor框架提供了StepVerifier测试类，用于对响应式序列进行断言和验证。StepVerifier主要用于对Publisher发出的元素序列进行逐步的、精…...

编程日记 2025/5/13 21:40:32

unity 播放序列帧图片动画

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、方法一：代码控制播放序列帧1、设置图片属性2、创建Image组件3、简单的代码控制4、挂载代码并赋值二、方法二：直接使用1.Image上添加…...

编程日记 2025/5/9 14:00:56

1-markdown转网页样式页面 --[制作网页模板] 【测试代码下载】

markdown转网页将Markdown转换为带有样式的网页页面通常涉及以下几个步骤：首先，需要使用Markdown解析器将Markdown文本转换为HTML；其次，应用CSS样式来美化HTML内容。此外，还可以加入JavaScript以增加交互性。下面我将…...

编程日记 2025/5/13 23:10:52

1. 在 /etc/systemd/system/ 下创建文件，名称为 xxx.service [Unit] DescriptionYour Service Description Afternetwork.target[Service] Typesimple ExecStart/path/to/your/service/executable Restarton-failure[Install] WantedBymulti-user.target2. 配置服务…...

编程日记 2025/5/9 21:42:52

[python3]Excel解析库-openpyxl

https://openpyxl.readthedocs.io/en/stable/ openpyxl 是一个用于读写 Excel 2010 xlsx/xlsm/xltx/xltm 文件的 Python 库。它允许开发者创建、修改和保存电子表格，而无需依赖 Microsoft Excel 软件本身。openpyxl 支持读取和写入 Excel 的工作簿（Work…...

编程日记 2025/5/12 22:53:12

使用 LlamaIndex 构建智能文档查询系统

使用 LlamaIndex 构建智能文档查询系统 1. 环境准备2. 初始化模型3. 加载文档4. 构建索引和查询引擎5. 生成扩展查询6. 主函数7. 总结在现代信息检索系统中，如何高效地从大量文档中提取出有用的信息是一个重要的挑战。本文将介绍如何使用 LlamaIndex 构建一个智能文…...

编程日记 2025/5/13 22:58:44

C++——继承

目录前言 1. 继承的概念和定义 1.1 继承的概念 1.2 继承的定义 1.2.1 定义格式 1.2.2 继承基类成员访问方式的变化 1.3 继承类模板 2. 基类和派生类之间的转换 3. 继承中的作用域 3.1 隐藏规则 3.2 考察继承作用域相关选择题 4. 派生类的默认成员函数 4.1 4个常…...

编程日记 2025/5/13 22:47:00

01：C语言的本质

C语言的本质 1、ARM架构与汇编2、局部变量初始化与空间分配2.1、局部变量的初始化2.1、局部变量数组初始化 3、全局变量/静态变量初始化化与空间分配4、堆空间5、函数 1、ARM架构与汇编 ARM简要架构如下：CPU，ARM(能读能写)，Flash&#xff08…...

编程日记 2025/5/13 22:36:49

Jmeter进阶篇（32）Jmeter 在 MySQL 数据库压测中的应用

一、引言在当今数字化时代，数据库性能的优化对于企业的发展至关重要。随着业务量的不断增长，数据库需要承受越来越大的压力。MySQL作为一种广泛使用的开源数据库，其性能和稳定性备受关注。为了确保数据库在高负载情况下能够正常运行，进行压测是必不可少的环节。Jmeter作为…...

编程日记 2025/5/9 10:52:28

TCPDump参数详解及示例

TCPDump参数详解及示例 TCPDump参数详解TCPDump -G的示例TCPDump -i any -s 2048 -G 600 -p udp -Z root -n -X -tt -w %Y_%m%d_%H%M_%S.pcap &的含义TCPDump是一款强大的网络数据包截获分析工具，可以将网络中传送的数据包的完全截获下来提供分析。它支持针对网络层、协议…...

编程日记 2025/5/13 21:40:32

Protocol Buffer

1、什么是 Protocol Buffers？ Protocol Buffers （protobuf） 是一种序列化结构化数据的方法，由 Google 开发。它们提供了一种与语言无关、与平台无关且可扩展的机制，用于高效序列化结构化数据。 Protocol Buffers 中的…...

编程日记 2025/5/13 21:42:02

高等数学学习笔记 ☞ 连续与间断

1. 连续 1. 点连续定义： 设函数在点的某邻域内有定义，取附近的点，对应的函数值分别和， 令，当时，若，则称函数在点处连续。记作。此式为增量形式。又知，则可改写为：。 …...

编程日记 2025/5/10 9:35:38

【three.js】Shader着色器

原始着色器材质RawShaderMaterial 两种着色器材质的 RawShaderMaterial 和 ShaderMaterial 的区别和用法区别： ShaderMaterial 会自动将一些初始化着色器的参数添加到代码中（内置 attributes 和 uniforms） RawShaderMaterial 则什么都不会添…...

编程日记 2025/5/13 21:39:10

在 macOS 中，设置自动将文件夹排在最前

文章目录 1、第一步访达设置2、第二步排序方式需要两步设置 1、第一步访达设置按名称排序的窗口中 2、第二步排序方式选择名称...

编程日记 2025/5/3 1:54:45

创建并配置华为云虚拟私有云

目录私有云创建虚拟私有云私有云私有云是一种云计算模式，它将云服务部署在企业或组织内部的私有基础设施上，仅供该企业或组织内部使用，不对外提供服务.私有云的主要特点包括： 私密性：私有云的资源（如…...

编程日记 2025/5/11 13:19:11

Spark是什么？Flink和Spark区别

Spark是什么？Flink和Spark区别一、Spark二、Spark和Flink区别三、总结一、Spark Apache Spark 是一个开源的大数据处理框架，主要用于大规模数据处理和分析。它支持多种数据处理模式，包括批处理、流处理、SQL 查询、机器学习和图处理等。核…...

编程日记 2025/5/13 17:22:06

代码随想录 day 25

第七章回溯算法 part04 491.递增子序列本题和大家刚做过的 90.子集II 非常像，但又很不一样，很容易掉坑里。 https://programmercarl.com/0491.%E9%80%92%E5%A2%9E%E5%AD%90%E5%BA%8F%E5%88%97.html 视频讲解：https://www.bilibili.com/…...

编程日记 2025/5/10 12:59:06

数据仓库中的指标体系模型介绍

数据仓库中的指标体系介绍文章目录数据仓库中的指标体系介绍前言什么是指标体系指标体系设计有哪些模型?1. 指标分层模型2. 维度模型3. 指标树模型4. KPI（关键绩效指标）模型5. 主题域模型6.平衡计分卡（BSC）模型7.数据指标框架模…...

编程日记 2025/5/13 22:43:51

xr-frame 通过shader去除视频背景色，加载透明视频

目录前言实现思路获取 XR 框架系统： 注册自定义效果创建效果对象渲染通道配置着色器代码顶点着色器片元着色器（颜色分量g达到条件的片元将被透透明） effect-removeBlack 完整代码 wxml中使用前言实现了一个用于注册自定…...

编程日记 2025/5/7 13:35:03

论文解读 | NeurIPS'24 IRCAN：通过识别和重新加权上下文感知神经元来减轻大语言模型生成中的知识冲突...

点击蓝字关注我们 AI TIME欢迎每一位AI爱好者的加入！ 点击阅读原文观看作者讲解回放！ 作者简介史丹，天津大学博士生内容简介大语言模型（LLM）经过海量数据训练后编码了丰富的世界知识。最近的研究表明&#xff0c…...

编程日记 2025/5/9 3:07:51

Kraft模式安装Kafka（含常规、容器两种安装方式）

一、#创作灵感# 公司使用Kafka的软件项目较多，故写技术笔记巩固知识要点二、软件环境 - Kafka 3.9.0 官方下载地址：Kafka 3.9.0 - Docker Desktop 4.37 容器图形化工具官方下载地址：Docker Desktop 4.37 特别说明 - Docker Desktop…...

编程日记 2025/5/5 18:04:27

旷视科技C++面试题及参考答案

在 Linux 系统下常用的命令有哪些？在 Linux 系统中有许多常用命令。首先是文件和目录操作相关的命令。“ls” 命令用于列出目录的内容，它有很多选项，比如 “ls -l” 可以以长格式显示文件和目录的详细信息，包括文件权限、所有者、大小、修改时间等；“ls -a” 则会显示所有…...

编程日记 2025/5/12 3:18:38

IWOA-GRU和GRU时间序列预测(改进的鲸鱼算法优化门控循环单元)

时序预测 | MATLAB实现IWOA-GRU和GRU时间序列预测(改进的鲸鱼算法优化门控循环单元) 目录时序预测 | MATLAB实现IWOA-GRU和GRU时间序列预测(改进的鲸鱼算法优化门控循环单元)预测效果基本介绍模型描述程序设计参考资料预测效果基本介绍 MATLAB实现IWOA-GRU和GRU时间序列预测…...

编程日记 2025/5/9 5:28:19

edeg插件/扩展推荐:助力生活工作

WeTab 此插件在我看来有2个作用 1.改变edeg的主页布局和样式,使其更加精简,无广告 2.提供付费webtab Ai(底层是chatGpt) 沉浸式翻译此插件可翻译网页的内容假设我们浏览github 翻译前翻译后 Better Ruler 可以对网页的距离进行测量适合写前端的小伙伴用法示例:...

编程日记 2025/5/13 11:40:26

TPS和QPS的区别

TPS全称（Transactions Per Second）QPS全称（Queries Per Second）它们都是衡量系统性能的指标，都是表示单位时间内处理的事务或者查询的数量 TPS 定义：TPS指的是系统每秒可以处理的事务数量，一个…...

编程日记 2025/5/13 22:22:10

鸿蒙HarmonyOS开发：拨打电话、短信服务、网络搜索、蜂窝数据、SIM卡管理、observer订阅管理

文章目录一、call模块（拨打电话）1、使用makeCall拨打电话2、获取当前通话状态3、判断是否存在通话4、检查当前设备是否具备语音通话能力二、sms模块（短信服务）1、创建短信2、发送短信三、radio模块（网络搜索&#x…...

编程日记 2025/5/13 21:47:55

如何处理 JavaScript 中的函数防抖问题？

在 JavaScript 中，函数防抖（Debouncing）是一种控制函数执行频率的技术，通常用于处理用户输入事件（例如键盘输入、滚动事件等）。防抖的核心思想是：在连续触发某个事件时，只有在事件停…...

编程日记 2025/5/13 22:29:51

sql server期末复习

表操作创建create 删除drop 修改alter 数据操作查询 select from <tableName> 插入 insert into <tableName> values 修改 update <tableName> set 删除 delete from <tableName> 授权与收回对数据的操作权限授予 grant <权…...

编程日记 2025/5/9 1:46:01

初学STM32 --- 外部SRAM

目录 SRAM简介 SRAM特性: XM8A51216 功能框图 8080并口读时序编辑 8080并口写时序 SRAM 读写操作步骤 FSMC介绍 FSMC时序介绍 FSMC控制器对内核地址映射编辑 FSMC HAL库相关驱动 SRAM驱动步骤 SRAM简介静态随机存取存储器（Static Random-Access Memory&am…...

编程日记 2025/5/9 23:14:17

XXX公司面试真题

一、一面问题 1.线程池的主要参数核心线程数最大线程数空闲线程存活时间存活时间单位任务队列线程工厂拒绝策略允许核心线程超时 2. 线程的状态新建状态就绪状态运行状态阻塞状态死亡状态补充：线程阻塞的原因线程调用sleep()方法进入睡眠状态线程得到一个…...

编程日记 2025/5/4 20:26:39

MySQL 01 02 章——数据库概述与MySQL安装篇

一、数据库概述 （1）为什么要使用数据库数据库可以实现持久化，什么是持久化：数据持久化意味着将内存中的数据保存到硬盘上加以“固化”持久化的主要作用是：将内存中的数据存储在关系型数据库中，当然也可以…...

编程日记 2025/5/9 11:32:54

[读书日志]8051软核处理器设计实战（基于FPGA）第四篇：verilog语法特性

第一篇https://blog.csdn.net/m0_74021449/article/details/144796689 第二篇https://blog.csdn.net/m0_74021449/article/details/144813103 第三篇https://blog.csdn.net/m0_74021449/article/details/144834117 4.verilog硬件描述语言基础这部分主要讲述verilog基础语法…...

编程日记 2025/5/13 2:18:05

大模型高效推理综述

大模型高效推理综述 1 Introduction2 Preliminaries2.1 transformer架构的LLM2.2 大模型推理过程2.3 推理效率分析 3 TAXONOMY(分类)4.数据级别优化4.1输入压缩4.1.1 提示词裁剪（prompt pruning）4.1.2 提示词总结（prompt summary）…...

编程日记 2025/5/11 4:52:15

HTML5实现好看的博客网站、通用大作业网页模板源码

HTML5实现好看的博客网站、通用大作业网页模板源码前言一、设计来源1.1 主界面1.2 列表界面1.3 文章界面二、效果和源码2.1 动态效果2.2 源代码源码下载结束语 HTML5实现好看的博客网站、通用大作业网页模板源码，博客网站源码，HTML模板源码&#xff0…...

编程日记 2025/5/12 17:18:04

在Microsoft Windows上安装MySQL

MySQL仅适用于Microsoft Windows 64位操作系统，在Microsoft Windows上安装MySQL有不同的方法：MSI、包含您解压缩的所有必要文件的标准二进制版本（打包为压缩文件）以及自己编译MySQL源文件。注意：MySQL8.4服务器需要在…...

编程日记 2025/5/8 6:16:46

adaface人脸特征提取之ncnn推理

目录 1. 背景2. 准备工作2.1 ncnn库下载2.2 adaface模型下载2.3 模型转换 3. 代码实现4. 模型量化 1. 背景最近项目要求Android端使用adaface做人脸特征提取，最终选择ncnn作为推理框架 2. 准备工作 2.1 ncnn库下载 https://github.com/Tencent/ncnn/tree/maste…...

编程日记 2025/5/13 15:32:07

iOS 逆向学习 - iOS Security Features：硬件与软件多重防护体系

iOS 逆向学习 - iOS Security Features：硬件与软件多重防护体系 iOS 安全特性全面解析：构筑多层次防御体系一、iOS 的硬件安全特性1. Secure Enclave（安全隔区）2. Hardware Root of Trust（硬件信任根）3. De…...

编程日记 2025/5/7 7:32:53

纯前端实现将pdf转为图片（插件pdfjs）

需求来源预览简历功能在移动端，由于用了一层iframe把这个功能嵌套在了app端，再用一个iframe来预览，只有ios能看到，安卓就不支持，查了很多资料和插件，原理基本上都是用iframe实现的。最终转换思路&#xf…...

编程日记 2025/5/6 15:08:10

stm32HAL库使LED闪烁

PC13引脚为开漏接法生成代码时设置为out put open drain gpio out put level 设置为high 1表示熄灭我们将pa9引脚连接为推挽接法生成代码时设置为 out put push pull Gpio out put level 设置为low 0 表示熄灭代码使其亮起再延时0.5秒再熄灭再延时0.5秒...

编程日记 2025/5/4 8:45:06