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

前端学习之列表标签

news 2026/4/14 2:09:59

有序列表

结果

无序标签

结果

数据标签

结果

有序列表

（注：注释是解释）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<!-- 列表
1、有序列表olli标签包裹数据type属性1的意思有序列表默认类型是数字从1开始升序A字母序号大写 a小写字母序号i表示罗马数字start属性可以选择起始位置，数字过了9999就会从0001开始
2、无序列表ultype属性disc有类型属性默认实心圆circle空心圆square实心正方形
3、数据列表使用dl嵌套dt包裹标题dd包裹内容-->
<body><ol type="1" start="9999"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ol><ol type="A" start="100"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ol><ol type="a"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ol><ol type="i"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ol></body>
</html>

结果

无序标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><!-- 无序列表uldisc有类型属性默认实心圆circle空心圆square实心正方形--><ul type="disc"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ul></ul><ul type="circle"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ul><ul type="square"><li>测试内容</li><li>测试内容</li><li>测试内容</li><li>测试内容</li></ul>
</body>
</html>

结果

数据标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><dl><dt>数据分类</dt><dd>言情</dd><dd>玄幻</dd><dd>恐怖</dd><dt>数据分类</dt><dd>言情</dd><dd>玄幻</dd><dd>恐怖</dd><dt>数据分类</dt><dd>言情</dd><dd>玄幻</dd><dd>恐怖</dd></dl></body>
</html>

结果

不嫌弃的点点关注，点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚

前端学习之列表标签

目录有序列表结果无序标签结果数据标签结果有序列表 （注：注释是解释） <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title> </…...

编程日记 2024/3/11 4:21:24

华为OD面试分享14（2024年）

双非本，机试400分，部门流程与IT，base西安分享面经攒人品 10.27 一面深挖项目，面试官很友好，根据项目的每个技术点和场景来提问，比如项目中数据库数据量级有多大，什么时候会出现缓慢，如何解决的，有没有经过压力测试，经过优化后性能怎么样，项目中用到的Kafka和redis…...

编程日记 2024/3/11 4:20:23

安全测试报告-模板内容

1. 概述为检验XXXX平台系统的安全性，于 XXXX年 XX 月 XX 日至 XXXX年 XX 月 XX日对目标系统进行了安全测试。在此期间测试人员将使用各种非破坏性质的攻击手段，对目标系统做深入的探测分析，进而挖掘系统中的安全漏洞和风险隐患。研发团队…...

编程日记 2024/3/11 4:18:20

FreeRTOS学习笔记-基于stm32（3）中断管理

一、什么是中断通俗点讲就是让CPU停止当前在做的事，转而去做更紧急的事。二、中断优先级分组这个紧急的事也有一个等级之分，优先级越高越先执行。stm32使用中断优先配置寄存器的高4位，共16级的中断优先等级。 stm32的中断优先等级可以分为…...

编程日记 2024/3/11 4:17:19

android pdf框架-6,文本生成pdf

前文介绍如何使用图片生成pdf,这里介绍如何使用文本生成pdf 使用mupdf生成 mupdf生成的pdf略大,字体可以自定义. 生成的代码不复杂,也有好几种,以story的方式生成为例 fun createPdfFromText(sourcePath: String, destPath: String): Boolean {val text EncodingDetect.rea…...

编程日记 2024/3/11 4:16:18

关于springboot一个接口请求后，主动取消后，后端是否还在跑

1、最近在思考一个问题，如果一个springboot的请求的接口比较耗时，中途中断该请求后，则后端服务是否会终止该线程的处理，于是写了一个demo RequestMapping(value "/test", method RequestMethod.GET)public BasicResul…...

编程日记 2024/3/11 4:14:15

when we talk about the time-series data, many factors affect the time series, but the only thing that affects the lagged version of the variable is the time series data itself. by Yugesh Verma 时序数据按照时间点的先后顺序进行排列，变化是在邻近的时间段之间发…...

编程日记 2024/3/11 4:12:14

.NetCore6.0实现ActionFilter过滤器记录接口请求日志

文章目录目的实现案例：一.首先我们新建一个WebApi项目二.配置 appsettings.json 文件，配置日志存放路径三.创建 Model 文件夹，创建AppConfig类和ErrorLog类1.在AppConfig类中编写一个GetConfigInfo方法获取配置文件中的值2.在ErrorLog类中&a…...

编程日记 2024/3/11 4:08:11

代码详解：2024美团春招实习笔试第一场0309，是难还是简单？

前言: 1.第一题（模拟） 2.第二题（模拟） 3.第三题（二维前缀和） 4.第四题的思维（双指针） 5.第五题难度比较大（并查集删边离散化） 一.小美的MT MT 是美团的…...

编程日记 2024/3/11 4:07:09

平衡二叉树

前言在关键字排列随机的情况下，二叉排序树的平均查找长度和 l o g n log n logn是等数量级的。在某些情况下，尚需在构成二叉排序树的过程中进行“平衡化”处理，使其成为平衡二叉树。如果任何初始化序列构成的二叉排序树都是平衡二叉树&…...

编程日记 2024/3/11 4:05:08

脚本自动化设置快捷方式并设置为管理员运行

自动化创建快捷方式并设置为始终以管理员权限运行，可以通过编写批处理脚本来实现。以下是一个创建.bat批处理文件快捷方式并设置为管理员运行的示例脚本： batch echo off set SCRIPT_PATH"C:\Scripts\myScript.bat" set SHORTCUT_PATH"%…...

编程日记 2024/3/11 3:48:53

TypeScript学习笔记（上）：TypeScript的介绍、安装及常用类型

我对TypeScript的理解就是，TypeScript是增加了类型校验的JavaScript，能够把运行期错误提升至编译期目录 TypeScript是什么？ 安装编译 TS 的工具包运行 TS 的步骤 TypeScript 常用类型 JS 已有类型 TS 新增类型简单数据类型数组类…...

编程日记 2024/3/11 3:47:52

Vue3学习记录（六）--- 组合式API之依赖注入和异步组件

一、依赖注入 1、简介在前面的笔记中，我们学习过父组件向子组件传递数据时，需要借助props来实现。但如果父组件想要向孙子组件传递数据，那就要连续使用两层props逐级向下传递，如果要接收数据的是更深层的后代组件&#xff0…...

编程日记 2024/3/11 3:45:50

JZ76 删除链表中重复的结点

/*public class ListNode {int val;ListNode next null;ListNode(int val) {this.val val;} } */import java.util.*; public class Solution {public ListNode deleteDuplication(ListNode pHead) {//初步想想法： 弄一个hashmap 然后进行key存储起来。然后如果存…...

编程日记 2024/3/11 3:44:49

20.2 nginx

20.2 nginx 1. 学习目标2. 介绍2.1 正向代理2.2 反向代理2.3 动态静态资源分离2.4 nginx优缺点3. 安装3.1 Linux安装****************************************************************************************************************************************************…...

编程日记 2024/3/11 3:43:49

MySQL学习Day26——事务基础知识

一、数据库事务概述: 事务是数据库区别于文件系统的重要特性之一，事务会让数据始终保持一致性，能通过事务机制恢复到某个时间点，可以保证提交到数据库的修改不会因为系统崩溃而丢失 1.查看引擎支持事务的情况:只有InnoDB存储引擎支持事务 SHOW ENGINES; 2.基本概念: 事…...

编程日记 2024/3/11 3:42:47

three.js 射线Ray，三维空间中绘制线框

效果： 代码： <template><div><el-container><el-main><div class"box-card-left"><div id"threejs"></div> <div>{{ res1 }}</div> <div>{{ res2 }}</div><…...

编程日记 2024/3/11 3:40:45

【Demo】游戏小地图

简介该Demo基于2D关卡随机生成项目进行实现，旨在初步探索游戏小地图的制作。演示 MiniMapDemo 资源下载百度网盘（提取码：1314） 如果这篇文章对你有帮助，请给作者点个赞吧！...

编程日记 2024/3/11 3:35:40

代码随想录算法训练营Day39 || leetCode 762.不同路径 || 63. 不同路径 II

62.不同路径每一位的结果等于上方与左侧结果和 class Solution { public:int uniquePaths(int m, int n) {vector<vector<int>> dp(m,vector(n,0));for (int i 0; i < m; i) dp[i][0] 1;for (int j 0; j < n; j) dp[0][j] 1;for (int i 1; i < m; …...

编程日记 2024/3/11 3:30:35

Qt中parent()函数的使用

情景(需求)抽象： A类对象是B类对象的成员变量。 B类对象是A类对象的父亲。 A类对象中包含按钮，点击按钮，调用B类的成员函数。示例： A类： #pragma once#include <QWidget> #include "ui_QtWidgetsCla…...

编程日记 2024/3/11 3:28:34

Linux学习日常8

chmod命令 chmod（change mode 的缩写）是 Linux/Unix 系统中用于修改文件或目录权限的核心命令。在 Linux 中，每个文件和目录都有三类用户角色，并对应三种基本权限： 用户角色 u (user): 文件或目录的所有者。 g (group…...

编程新知 2026/4/14 1:53:06

从LLM到VLM再到VLA：小白程序员必看的大模型学习路径（值得收藏！）

从LLM到VLM再到VLA：小白程序员必看的大模型学习路径（值得收藏！） 本文梳理了通用人工智能（AGI）的发展路径，从单模态大语言模型（LLM）演变为多模态视觉-语言模型&#xff08…...

编程新知 2026/4/14 1:32:41

日本加大投入约270亿元助力Rapidus实现2nm芯片量产

近日，日本政府批准拨付6315亿日元（约合人民币270.15亿元）的追加补贴，这使得2022至2026年度的研发支援总额攀升至2.354万亿日元（约合人民币1007.06亿元），旨在助力Rapidus加速挺进竞争白热化的AI芯…...

编程新知 2026/4/14 1:03:07

2026届最火的十大AI论文网站推荐

Ai论文网站排名（开题报告、文献综述、降aigc率、降重综合对比） TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 现在各类用来检测AI的工具变得越发精准，怎样去降低文本被AI生成的比率已然成为一…...

编程新知 2026/4/14 1:00:48