HTML：表格数据展示区
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>人员信息表</title><link rel="stylesheet" href="styles.css">
</head><body><table><thead><!-- thead 表示表格中的表头 --><tr><!-- tr 表示表格中的行 ,一个tr就是一行--><!-- th 表示表格中的表头单元格,会加粗 --><th>姓名</th><th>年龄</th><th>职位</th><th>头像</th><th>入职日期</th><th>操作</th></tr></thead><tbody><tr><td>张三</td><!-- td 表示表格中的单元格 --><td>25</td><td>前端开发</td><td><img src="CSS//img/1.png" alt="Avatar" width="50"></td><td>2023-01-01</td><td><!-- 这里删除按钮无法实现动态删除功能，仅作展示 --><button>删除</button><button>添加</button><!-- 文字居中 --></td></tr><tr><td>李四</td><td>30</td><td>后端开发</td><td><img src="CSS//img/1.png" alt="Avatar" width="50"></td><td>2022-05-15</td><td><button>删除</button><button>添加</button></td></tr></tbody></table>
</body><body><!-- 页面主体内容 --><footer><p>北京大学</p><p>邮箱：pku@edu.cn 电话：010 - 12345678</p></footer>
</body>
</html>
body {font-family: Arial, sans-serif;
}table {width: 100%;border-collapse: collapse;margin-top: 20px;
}th,
td {border: 1px solid #ddd;padding: 8px;text-align: left;
}th {background-color: #f2f2f2;
}button {padding: 5px 10px;background-color: #4CAF50;color: white;border: none;cursor: pointer;
}button:hover {background-color: #45a049;
}footer {/* 设置背景色为灰色，这里使用十六进制颜色码 #808080，你也可以根据喜好调整 */background-color: #808080; /* 上下内边距为 20px，左右内边距为 0 */padding: 20px 0; /* 文本居中显示 */text-align: center; /* 让 footer 固定在页面底部（如果有需要），可根据实际情况调整 */width: 100%;
}footer p {/* 上下外边距为 5px，左右外边距为 0 */margin: 5px 0; /* 字体颜色为白色，和灰色背景形成对比 */color: white; /* 字体大小为 14px */font-size: 14px;
}
相关文章：
HTML：表格数据展示区
<!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>人员信息表</title><link rel"styl…...
webgl入门实例-08索引缓冲区的基本概念
WebGL 索引缓冲区 (Index Buffer) 索引缓冲区(也称为元素数组缓冲区)是WebGL中一种优化渲染性能的重要机制，它允许您重用顶点数据来绘制复杂的几何图形。 基本概念 索引缓冲区的工作原理： 您创建一个顶点缓冲区(包含所有顶点数据)然后创建一个索引缓…...
大数据应用开发——大数据平台集群部署
目录 前言 目录 基础环境 安装虚拟机 基础环境 VMware Workstation 虚拟机版本 ： centos7 主机名 ip 用户名 密码 master192.168.245.100root123456slave1192.168.245.101root123456slave2192.168.245.102root123456 安装虚拟机 安装 名称、路径自己改 我有16核&…...
GPT对话UI--通义千问API
GPT对话UI 项目介绍 一个基于 GPT 的智能对话界面，提供简洁优雅的用户体验。本项目使用纯前端技术栈实现，无需后端服务器即可运行。 功能特点 💬 实时对话：支持与 AI 进行实时对话交互🌓 主题切换：支持…...
智能体数据分析
数据概览： 展示智能体的累计对话次数、累计对话用户数、对话满意度、累计曝光次数。数据分析： 统计对话分析、流量分析、用户分析、行为分析数据指标，帮助开发者完成精准的全面分析。 ps：数据T1更新，当日12点更新前一天…...
泛型算法——只读算法（一）
在 C 标准库中，泛型算法的“只读算法”指那些 不会改变它们所操作的容器中的元素，仅用于访问或获取信息的算法，例如查找、计数、遍历等操作。 accumulate std::accumulate()是 C 标准库**numeric**头文件中提供的算法，用于对序列…...
config.txt介绍)
树莓派超全系列教程文档--(29)config.txt介绍
config.txt介绍 什么是 config.txt ？文件格式高级功能include条件过滤 文章来源： http://raspberry.dns8844.cn/documentation 原文网址 什么是 config.txt ？ Raspberry Pi 设备使用名为 config.txt 的配置文件，而不是传统 PC …...
第十六届蓝桥杯大赛软件赛省赛 C++ 大学 B 组 部分题解
赛时参加的是Python组，这是赛后写的题解，还有两题暂时还不会，待更新 题目链接题目列表 - 洛谷 | 计算机科学教育新生态 A 移动距离 答案：1576 C 可分解的正整数 Python3 import itertools from functools import cmp_to_ke…...
C++栈与堆内存详解：Visual Studio实战指南
C++栈与堆内存详解：Visual Studio实战指南 IDE环境：Visual Studio 2022 一、内存分区与核心概念 在C++程序中，内存分为**栈（Stack）和堆（Heap）**两大核心区域，两者的管理方式、生命周期和适用场景差异显著。 1. 栈内存（Stack Memory） • 特性： • 自动管理：由编…...
在Ubuntu服务器上部署xinference
一、拉取镜像 docker pull xprobe/xinference:latest二、启动容器（GPU） docker run -d --name xinference -e XINFERENCE_MODEL_SRCmodelscope -p 9997:9997 --gpus all xprobe/xinference:latest xinference-local -H 0.0.0.0 # 启动一个新的Docker容…...
非洲电商争夺战：中国闪电战遭遇本土游击队的降维打击
2024年5月，南非电商市场爆发史诗级对决——Temu闪电突袭下载量破百万，却在30天内遭遇Takealot的本土化反击致留存率腰斩。这场价值500亿美元市场的攻防战，揭开了非洲电商最残酷的生存法则：低价利刃砍不动本土化铁壁。 一、跨境模式…...
亚瑟阿伦36问
问 36 个问题，你就能爱上一个人，对方也能爱上你。 第一组 聚焦个人背景与价值观 例如“你最感激生命中的什么？”、“如果可以改变成长经历，你会改变什么？” 1、如果可以跟世上任何人共进晚餐，你会选择谁&…...
Ubuntu 20.04.6编译安装COMFAST CF-AX90无线网卡驱动
目录 0 前言 1 CF-AX90无线网卡驱动 1.1 驱动下载 1.2 驱动准备 2 编译安装驱动 2.1 拷贝驱动依赖到系统 2.2 驱动安装编译 3 重启 0 前言 COMFAST CF-AX90或者说AIC8800D80的Linux版本驱动不支持高版本的linux内核，实测目前仅支持最高5.15的内核。Ubuntu2…...
函数的极限与连续（强化和真题）
强化错题如下：...
4.15【Q】netsafe
我正在学习网络空间安全，” Cookie：使用防hash技术防御SYN泛洪攻击，减少服务器内存消耗“什么意思？什么是SYN泛洪攻击？什么又是防hash技术防御？ ？详细解释，越细节越好 连接成功率 …...
多个路由器互通（静态路由）无单臂路由（简单版）
多个路由器互通（静态路由）无单臂路由（简单版） 开启端口并配ip地址 维护1 Router>en Router#conf t Router(config)#int g0/0 Router(config-if)#no shutdown Router(config-if)#ip address 192.168.10.254 255.255.255.0 Ro…...
opencv HSV的具体描述
色调H： 使用角度度量，取值范围为0\~360，从红色开始按逆时针方向计算，红色为0，绿色为120，蓝色为240。它们的补色是：黄色为60，青色为180，紫色为300。通过改变H的值&#x…...
ubuntu磁盘挂载
1、查看磁盘设备及分区 命令：列出所有块设备（磁盘及分区） lsblk 0表示此块未挂载 2、格式化分区 sudo mkfs.ext4 /dev/sdb 注意sdb换成自己的块名称 3、创建挂载点目录 sudo mkdir -p /mnt/data4、永久挂载 sudo blkid /dev…...
Visual Studio C++引入第三方库
前言 欢迎来到我的博客 个人主页:北岭敲键盘的荒漠猫-CSDN博客 本文主要整理visual studio C导入第三方库的注意事项与操作 bilibili配套视频:【visual studio C导入第三方库-哔哩哔哩】 https://b23.tv/vphfXnv 运行库选项 右键项目 -> 属性 -> C/C ->代码生成->…...
2025中国移动云智算大会回顾：云智变革，AI+跃迁
4月10日，2025中国移动云智算大会在苏州举办。会上，中国移动开启“由云向智”新范式，以“智”为核心开辟算网新生态，彰显其在AI新时代的战略远见与技术引领力。 “云智算”将如何通过算网基础设施与人工智能核心技术的深度融合&am…...
海珠区公示人工智能大模型应用示范区第二批资金奖励企业名单，助力产业蓬勃发展
2025 年 4 月 15 日，广州琶洲人工智能与数字经济试验区管理委员会在广州市海珠区人民政府门户网站发布重要通知，对人工智能大模型应用示范区政策兑现工作（第二批）（大模型专题）资金奖励企业名单予以公示。这…...
golang处理时间的包time一次性全面了解
本文旨在对官方time包有个全面学习了解。不钻抠细节，但又有全面了解，重点介绍常用的内容，一些低频的可能这辈子可能都用不上。主打一个花最少时间办最大事。 Duration对象: 两个time实例经过的时间,以长度为int64的纳秒来计数。 常见的durati…...
文件的加密与解密学习笔记
一些可能想知道的： cryptography库：密码学工具包 Fernet 是crytography 里的一个模块，用于对称加密 with open() as file #为了保证无论是否出错都能正确地关闭文件，与try...finally...相同 open() #用于读文件（默认…...
《TCP/IP网络编程》学习笔记 | Chapter 24：制作 HTTP 服务器端
《TCP/IP网络编程》学习笔记 | Chapter 24：制作 HTTP 服务器端 《TCP/IP网络编程》学习笔记 | Chapter 24：制作 HTTP 服务器端HTTP 概要理解 Web 服务器端无状态的 Stateless 协议请求消息（Request Message）的结构响应消息&#x…...
Apache POI（笔记）
介绍： 坐标： 写入Excel表格： 读取Excel表格：...
Table类型的表单
形如下面的图片 1 label与prop属性 const columns[{label: "文件名",prop: "fileName",scopedSlots: "fileName",},{ label: "删除时间",prop: "recoveryTime",width: "200",},{ label: "大小",prop:…...
Spring 中的验证、数据绑定和类型转换
🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/literature?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，…...
【技术派后端篇】canal实现MySQL/Redis缓存一致性
1 前言 在探讨如何利用canal实现MySQL/Redis缓存一致性之前，强烈建议大家先阅读以下几篇相关文章，因为本文是基于这些文章的基础上展开的： 《深度剖析 MySQL 与 Redis 缓存一致性：理论、方案与实战》 ：该文详细阐述了…...
华清远见STM32F103智能小车重磅上线！循迹避障红外遥控WiFi远程控制，0基础小白从入门到单片机软硬件项目实战！
STM32F103智能云控小车是由华清远见倾力打造的一款多功能智能小车，专为高校教学、学生毕业设计、创新竞赛、单片机入门学习及项目实践量身定制。这款小车集红外遥控、远程物联网控制、智能巡线、高精度避障和交互式显示屏五大核心功能于一体，融合了物联网…...
李飞飞团队新作WorldScore：“世界生成”能力迎来统一评测，3D/4D/视频模型同台PK
从古老神话中对世界起源的幻想，到如今科学家们在实验室里对虚拟世界的构建，人类探索世界生成奥秘的脚步从未停歇。如今，随着人工智能和计算机图形学的深度融合，我们已站在一个全新的起点，能够以前所未有的精度和效率去…...
seaborn库详解
Seaborn 是一个基于 Python 的统计数据可视化库，它建立在 matplotlib 之上，旨在提供更高级、更美观、更具统计意义的可视化功能。 CONTENT 1. 单变量分布可视化功能代码 2. 双变量联合分布可视化功能代码 3. 分类数据柱状图可视化功能代码 4. 箱线图可视…...
UNACMS PHP对象注入漏洞复现（CVE-2025-32101）（附脚本）
免责申明： 本文所描述的漏洞及其复现步骤仅供网络安全研究与教育目的使用。任何人不得将本文提供的信息用于非法目的或未经授权的系统测试。作者不对任何由于使用本文信息而导致的直接或间接损害承担责任。如涉及侵权，请及时与我们联系，我们将尽快处理并删除相关内容。 前言…...
应用篇02-镜头标定（上）
本节主要介绍相机的标定方法，包括其内、外参数的求解，以及如何使用HALCON标定助手实现标定。 计算机视觉——相机标定(Camera Calibration)_摄像机标定-CSDN博客 1. 原理 本节介绍与相机标定相关的理论知识，不一定全，可以参考相…...
游戏引擎学习第230天
回顾并为今天的内容定下基调 今天是我们进行“排序”工作的第二天。昨天我们在渲染器中实现了排序功能。这其实是从一开始就知道必须做的事情，只是一直没有合适的时机。而昨天终于迎来了这个时机，不知道为什么，可能就是突然有了冲动和想法&a…...
3.串口通信之SPI
—>1.串口通信之UART见这篇<— —>2.串口通信之IIC见这篇<— 1.SPI特点 SPI（Serial Peripheral Interface)即串行外设接口，有4条总线，分别是SCLK(SPI Clock)，MISO(Master Input Slave Output)，MOSI(Mast…...
无人机姿态稳定与动态控制模块概述！
一、设计难点 1. 动态算力需求与硬件能力的不匹配** 无人机边缘计算设备通常受限于体积和重量，导致其计算单元（如CPU、GPU）的算力有限，难以应对突发的高负载任务（如实时图像处理、AI推理）。 挑战&am…...
【shell】终端文本的颜色和样式打印
在Shell脚本中，\033[XXm 是 ANSI转义序列，用于控制终端文本的颜色和样式。以下是完整的颜色和样式代码列表： 1. 基本格式 echo -e "\033[CODEm你的文本\033[0m"\033[：转义序列开始（\e[ 或 \x1b[ 等效&#…...
模型加载常见问题
safetensors_rust.SafetensorError: Error while deserializing header: HeaderTooLarge 问题代码： model AutoModelForVision2Seq.from_pretrained( "/data-nvme/yang/Qwen2.5-VL-32B-Instruct", trust_remote_codeTrue, torch_dtypetorc…...
HCIA-Access V2.5_16_3_数据业务维护
查询ONT上的业务配置 查询ONU上的业务配置 查询OLT上网业务 查询上网业务流量 查询上网业务相关MAC地址 删除故障ONT 删除故障ONU...
Java设计开发商城抢票功能
在开发一个商城抢购功能时，需要考虑几个关键方面，包括并发控制、数据一致性、用户体验以及系统的可扩展性。下面我将通过一个简单的步骤指南来介绍如何设计这样一个功能。 1. 需求分析 首先，明确抢购功能的需求： 限制购买数量。…...
【APM】Build an environment for Traces, Metrics and Logs of App by OpenTelemetry
系列文章目录 此系列文章介绍如何搭建Observability（可观测性）环境(Opentelemetry-Collector、Tempo、Prometheus、Loki和Grafana)，以及应用。 【APM】Observability Solution 【APM】Build an environment for Traces, Metrics and Logs …...
全自动驾驶（FSD，Full Self-Driving）自动驾驶热点技术的成熟之处就是能判断道路修复修路，能自动利用类似“人眼”的摄像头进行驾驶！值得学习！
全自动驾驶（FSD，Full Self-Driving）软件是自动驾驶领域中的热点技术，其核心目标是实现车辆在各种复杂交通环境下的安全、稳定、高效自动驾驶。FSD软件的技术核心涉及多个方面的交叉技术，下面将详细分析说明其主要核心技…...
需要处理哪些响应数据？
在调用淘宝商品搜索 API 时，响应数据通常是一个 JSON 对象，包含了搜索结果的详细信息。以下是需要处理的主要响应数据字段及其说明： 响应数据结构 示例 JSON 数据 JSON {"code": "0","errorMessage": &quo…...
【NLP 63、大模型应用 —— Agent】
人与人最大的差距就是勇气和执行力，也是唯一的差距 —— 25.4.16 一、Agent 相关工作 二、Agent 特点 核心特征： 1.专有场景（针对某个垂直领域） 2.保留记忆（以一个特定顺序做一些特定任务，记忆当前任务的前…...
Windows 图形显示驱动开发-WDDM 1.2功能—Windows 8 中的 DirectX 功能改进（三）
一、与目标无关的光栅化 (TIR) 独立于目标的光栅化 (TIR) 为涉及结构化图形的高质量抗锯齿的 Direct2D 使用方案提供高性能抗锯齿路径。 TIR 使 Direct2D 能够将光栅化步骤从 CPU 移动到 GPU，同时保留 Direct2D 抗锯齿语义和质量。 使用此功能，软件层可…...
总结【过往部分项目经历二（计算机图形学方向）】
过往部分项目经历二 1.加强杆自动生成算法2.牙龈线序列批量算法3.光伏多阵列排布算法 1.加强杆自动生成算法 介绍： 主要用于牙科正畸定制化应用。采用纯数字化技术，一键导入加强杆后，自动摆放、加强杆结构设计、网格重建、接触部分自动定位、…...
鸿蒙智行多款重磅新品发布，开启智慧出行新篇章
4月16日，鸿蒙智行新品发布会在上海隆重举办。问界M8、问界新M7全新配色、享界S9增程版上市；尊界S800内饰设计公布；SAIC尚界品牌首次官宣。 本次发布会后，鸿蒙智行将在4月17日举办智界品牌之夜，携手用户共同探索未来出…...
冰川流域提取分析——ArcGIS pro
一、河网提取和流域提取视频详细GIS小熊 || 6分钟学会水文分析—河网提取（以宜宾市为例）_哔哩哔哩_bilibili 首先你要生成研究区域DEM，然后依次是填洼→流向→流量→栅格计算器→河网分级→栅格河网矢量化（得到河网.shpÿ…...
SpringBoot——配置文件
目录 前言 1.参数配置化 1.1使用application.properties 2.yml配置文件 3.ConfigurationProperties 3.1ConfigurationProperties 4.总结 前言 我们在配置一个类的对象属性时如果我们直接写在类里就属于硬编码，如果我们在做项目时每设计到一个第三方服务就将其…...
Lambda 函数与 peek 操作的使用案例
Lambda 函数和 peek 操作是 Java 8 Stream API 中非常有用的特性，下面我将介绍它们的使用案例。 Lambda 函数使用案例 Lambda 表达式是 Java 8 引入的一种简洁的匿名函数表示方式。 集合操作 List<String> names Arrays.asList("Alice", "B…...