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

HTML（五）列表详解

news 2026/2/10 10:59:01

在HTML中，列表可以分为两种，一种为有序列表。另一种为无序列表

今天就来详细讲解一下这两种列表如何实现，效果如何

1.有序列表

有序列表的标准格式如下：

   <ol><li>列表项一</li><li>列表项二</li></ol>

这里的列表项可以随意更改内容，使用示例如下：

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ol><li>吃饭</li><li>睡觉</li></ol></body>
</html>

效果图如下：

2.有序列表更改前导符

什么是前导符？

前导符就是我们在使用列表打出文字前的小标题，如上图中的 1. 2. 这些都是前导符

前导符的标准语言使用如下：

 <ol type="前导符"><li>列表项一</li><li>列表项二</li></ol>

这里的前导符有五种，如下图：

接下来是实际代码演示+效果

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ol type="a"><li>列表项一</li><li>列表项二</li></ol><ol type="A"><li>列表项一</li><li>列表项二</li></ol><ol type="1"><li>列表项一</li><li>列表项二</li></ol><ol type="i"><li>列表项一</li><li>列表项二</li></ol><ol type="I"><li>列表项一</li><li>列表项二</li></ol>
</body>
</html>

3.无序列表

在HTML中另外一种列表被称作无序列表，无序列表与有序列表极其相似，只有微小的差距

无序列表标准格式如下：

    <ul><li>列表项一</li><li>列表项儿</li></ul>

无序列表使用及效果如下：

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>title</title>
</head><body><ul><li>吃饭</li><li>睡觉</li></ul></body>
</html>

4.无序列表更改前导符

这里不做演示了，与有序列表使用方法相同

HTML（五）列表详解

在HTML中，列表可以分为两种，一种为有序列表。另一种为无序列表今天就来详细讲解一下这两种列表如何实现，效果如何 1.有序列表有序列表的标准格式如下： <ol><li>列表项一</li><li>列表项二</li>…...

编程日记 2024/10/13 13:28:04

SparkSQL介绍及使用

SparkSQL介绍及使用一、什么是SparkSQL（了解） spark开发时可以使用rdd进行开发，spark还提供saprksql工具，将数据转为结构化数据进行操作 1-1 介绍官网：https://spark.apache.org/sql/ Spark SQL是 Apache Spark 用于…...

编程日记 2024/10/13 13:25:01

【聚星文社】3.2版一键推文工具更新啦

【聚星文社】3.2版一键推文工具更新啦。调试了好几个通宵就是为了效果和质量。旧版尽早更新新版，从此告别手搓！ 工具入口https://iimenvrieak.feishu.cn/docx/ZhRNdEWT6oGdCwxdhOPcdds7nof...

编程日记 2024/10/13 13:22:59

C++基础补充（03）C++20 的 std::format 函数

文章目录 1. 使用C20 std::format2. 基本用法3. 格式说明 1. 使用C20 std::format 需要将VisualStudio默认的标准修改为C20 菜单“项目”-“项目属性”，打开如下对话框代码中加入头文件 2. 基本用法通过占位符{}制定格式化的位置，后面传入变量 #…...

编程日记 2024/10/13 13:21:56

[论文笔记]DAPR: A Benchmark on Document-Aware Passage Retrieval

引言今天带来论文DAPR: A Benchmark on Document-Aware Passage Retrieval的笔记。本文提出了一个基准：文档感知段落检索(Document-Aware Passage Retrieval,DAPR)以及介绍了一些上下文段落表示的方法。为了简单，下文中以翻译的口吻记录&#xff0c…...

编程日记 2024/10/13 13:20:55

Spring Boot知识管理：智能搜索与分析

3系统分析 3.1可行性分析通过对本知识管理系统实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性本知识管理系统采用JAVA作为开发语言，Spring Boot框…...

编程日记 2024/10/13 13:19:54

操作系统(2) (进程调度/进程调度器类型/三种进程调度/调度算法)

目录 1. 介绍进程调度（Introduction to Process Scheduling） 2. 优先级调度（Priority Scheduling） 3. CPU 利用率（CPU Utilization） 4. 吞吐量（Throughput） 5. 周转时间&#xf…...

编程日记 2024/10/13 13:18:50

鸿蒙--知乎评论

这里我们将采用组件化的思想进行开发在开发中默认展示的是首页也就是 pages/Index.ets页面这里存放的是所有页面的配置文件，类似与uniapp中的pages.json 如果我们此时要更改默认显示Zh...

编程日记 2024/10/13 13:16:48

2024 - 两台CentOS服务器上的1000个Docker容器（每台500个）之间实现UDP通信(C语言版本)

两台CentOS服务器上的1000个Docker容器（每台500个）之间实现UDP通信(C语言版本) 给女朋友对象写得，她不会，我就写了一个为了帮助您在两台CentOS服务器上的1000个Docker容器（每台500个）之间实现UDP通信&…...

编程日记 2024/10/13 13:15:48

小程序该如何上架

小程序的上架流程通常包括准备工作、代码审核、人工审核以及上线发布等关键步骤。以下是一个详细的小程序上架指南： 一、准备工作注册开发者账号： 在微信小程序平台或支付宝开放平台等相应的小程序发布平台上注册开发者账号。开发小程序： …...

编程日记 2024/10/13 13:12:44

XMOJ3065 旅游线路

10分钟没啥思路就去看题解了，结果发现很蠢。题目大意有一条河，河的东侧和西侧分别有 n , m n,m n,m 个景点，每个景点有个权值。有 k k k 条船，每条船连接东侧和西侧的一个景点。定义一个旅游线路是通过船连接起来的景点序列…...

编程日记 2024/10/13 13:10:42

量化之一：均值回归策略

文章目录均值回归策略理论基础数学公式关键指标简单移动平均线（SMA）标准差Z-Score 交易信号实际应用优缺点分析优点缺点结论实践backtrader参数：正常情况：异常情况： 均值回归策略均值回归（Mean Rever…...

编程日记 2024/10/13 13:08:40

NVIDIA Bluefield DPU上的启动流程4个阶段分别是什么？作用是什么？

文章目录 Bluefield上的硬件介绍启动流程启动流程：eMMC中的两个存储分区：ATF介绍ATF启动的四个阶段：四个主要步骤：各个阶段依赖的启动文件一次烧录fw失败后的信息看启动流程综述Bluefield上的硬件介绍本文以Bluefield2为例，可以看到RSHIM实际上是Boot相关的集合。也能看…...

编程日记 2024/10/13 13:07:37

最优美公式-欧拉公式，轻松理解版

Alan Becker创作的火柴人大战数学的打斗视频，风靡一时，并在B站荣耀斩获了“金知奖”。下面是网友对此视频的部分评价截图。视频原址：火柴人 vs 数学，后续又一口气看完了“火柴人vs 几何”与“火柴人vs 物理”，通过火柴…...

编程日记 2024/10/13 13:02:32

【力扣 | SQL题 | 每日3题】力扣1107，1112， 1077

今天三道mid题都可以用窗口函数轻松秒杀。 1. 力扣1107：每日新用户统计 1.1 题目： Traffic 表： ------------------------ | Column Name | Type | ------------------------ | user_id | int | | activity | enum …...

编程日记 2024/10/13 13:01:31

计算机网络（十一） —— 数据链路层

目录一，关于数据链路层二，以太网协议 2.1 局域网 2.2 Mac地址 2.3 Mac帧报头 2.4 MTU 三，ARP协议 3.1 ARP是什么 3.2 ARP原理 3.3 ARP报头 3.4 模拟ARP过程 3.5 ARP周边问题四，NAT技术 4.1 NAT技术背景 4.2 NAT转…...

编程日记 2024/10/13 13:00:30

使用PyTorch从0实现Fashion-MNIST数据集分类

完整代码： from d2l import torch as d2l import torch from torchvision import transforms from torchvision import datasets from torch.utils.data import DataLoader import matplotlib.pyplot as plt from IPython import displaydef get_fashion_mnist_la…...

编程日记 2024/10/13 12:59:27

Java数组的值拷贝和地址拷贝

在Java中，数组的值拷贝和地址拷贝是两种不同的操作。值拷贝是指将一个数组的值复制到另一个新的数组中。这意味着新数组和原数组独立存在，修改其中一个数组不会影响另一个数组。Java中的数组是对象，所以通过值拷贝操作实际上是复制了数组对…...

编程日记 2024/10/13 12:57:25

类与对象中（剩余部分）以及日历

运算符重载 • 当运算符被⽤于类类型的对象时，C语⾔允许我们通过运算符重载的形式指定新的含义。C规定类类型对象使⽤运算符时，必须转换成调⽤对应运算符重载，若没有对应的运算符重载，则会编译报错。 • 运算符重载是具有特名字的…...

编程日记 2024/10/13 12:54:19

iOS 14 自定义画中画悬浮窗 Custom AVPictureInPictureController 实现方案

iOS 14，基于 AVPictureInPictureController，实现自定义画中画，涵盖所有功能与难点。市面上的各种悬浮钟和提词器的原理都是基于此。 Demo源码在文末。使用 iOS 画中画的要求： 真机，不能使用模拟器；iO…...

编程日记 2024/10/13 12:53:18

接口测试中缓存处理策略

在接口测试中，缓存处理策略是一个关键环节，直接影响测试结果的准确性和可靠性。合理的缓存处理策略能够确保测试环境的一致性，避免因缓存数据导致的测试偏差。以下是接口测试中常见的缓存处理策略及其详细说明： 一、缓存处理的核…...

编程新知 2026/2/8 4:37:27

安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件

在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...

编程新知 2026/2/5 17:57:20

pam_env.so模块配置解析

在PAM（Pluggable Authentication Modules）配置中， /etc/pam.d/su 文件相关配置含义如下： 配置解析 auth required pam_env.so1. 字段分解字段值说明模块类型auth认证类模块，负责验证用户身份&am…...

编程新知 2025/10/5 8:09:39

微信小程序 - 手机震动

一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码注：文档 https://developers.weixin.qq…...

编程新知 2026/1/29 8:41:55