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

【HTML5学习笔记2】html标签（下）

news 来源：原创 2025/6/19 21:16:43

1表格标签

1.1表格作用

显示数据

1.2基本语法

<table><tr> 一行<td>单元格1</td></tr>
</table>

1.3表头单元格标签

表头单元格会加粗并且居中

<table><tr> 一行<th>单元格1</th></tr>
</table>

1.4表格属性

表格外观，但是一般都是css来实现

<table align="center" border="1" cellpadding="0" cellspacing="0" width="500">
</table>

align表格位置

border边框粗细

cellpadding 文字与表格间距

cellspacing 单元格间距

1.5表格结构标签

结构更清晰

<thead></thead>标签表格的头部区域

<tbody></tbody>标签表格的主体区域

在<table></table>之间

1.6合并单元格

合并步骤：跨行还是跨列、<td colspan="2"></td>、删除多余单元格

1）合并单元格

跨行rowspan="合并单元格个数“

跨列colspan="合并单元格个数”

2）目标单元格

跨行：写在最上侧单元格

跨列：写在最左侧单元格

2列表标签

列表用来布局，包括有序、无序、自定义

2.1无序列表（重点ul -unorderlable

<ul><li></li>
</ul>

<ul>里面只能放<li></li>，但是<li></li>里面可以放任何元素及标签

有自己的样式属性，但是我们会用css来设置

用的非常多

2.2有序列表（理解ol-orderlable

<ol><li></li>
</ol>

<ol>里面只能放<li></li>，但是<li></li>里面可以放任何元素及标签

2.3自定义列表dl-definelable

<dl><dt> 1</dt><dd>0</dd>
</dl>

<dt><dd>一般没有数量限制，一般一个<dt>对应多个<dd>

3表单标签

收集用户信息

表单域包含表单空间、提示信息

3.1表单域

<form>

<form action="url地址" method="提交方式" name="表单域名称">各种表单元素
</form>

3.4表单控件

(1)<input>表单元素

用于收集用户信息,type属性设置不同的属性值来指定不同的控件类型

其他属性

总结：

1）一打开网页就显示文字：value="请输入用户名"

2）区分不同的表单元素：name 是表单元素的名字,要求属于一组的单选按钮或复选框要有相同的name值

3）按钮默认选中：checked=checked

4）input表单元素展示不同的形态：type属性 text、radio、checkbox等等

(2)<lable>标签

不用必须点击小按钮点击文本区域也可以选中，浏览器自动将焦点（光标）转到对应的表单元素，增加用户体验

<label for="sex">男</label>
<input type="radio" name="sex" id ="sex">

<label>标签中的for属性要和相关元素的id属性相同

（3）<select>下拉表单元素

下拉菜单折叠节约空间，至少包含一对option

默认选择selected=selected

<select><option>选项1</option><option>选项1</option><option>选项1</option>
</select>

(4)textarea文本域

大号文本框，留言板、评论、、

<textarea rows="3" cols="20">文本内容
</textarea>

rows="3" cols="20" 三行每行20字实际开发中不会用用css来改变大小

【HTML5学习笔记2】html标签（下）

1表格标签 1.1表格作用显示数据 1.2基本语法 <table><tr> 一行<td>单元格1</td></tr> </table> 1.3表头单元格标签表头单元格会加粗并且居中 <table><tr> 一行<th>单元格1</th></tr> </table&g…...

编程日记 2025/6/19 21:16:43

开源轻量级地图解决方案leaflet

Leaflet 地图：开源轻量级地图解决方案 Leaflet 是一个开源的 JavaScript 库，用于在网页中嵌入交互式地图。它以轻量级、灵活性和易用性著称，适用于需要快速集成地图功能的项目。以下是关于 Leaflet 的详细介绍和使用指南。 1. Leaflet 的核心…...

编程日记 2025/6/19 20:51:52

LLM学习笔记（六）线性代数

公式速查表 1. 向量与矩阵：表示、转换与知识存储的基础向量表示 (Vectors): 语义的载体在LLM中，向量 x ∈ R d \mathbf{x}\in\mathbb{R}^d x∈Rd 是信息的基本单元，承载着丰富的语义信息： 词嵌入向量 (Word Embeddings)&am…...

编程日记 2025/6/19 20:30:28

Vue 3.0双向数据绑定实现原理

Vue3 的数据双向绑定是通过响应式系统来实现的。相比于 Vue2，Vue3 在响应式系统上做了很多改进，主要使用了 Proxy 对象来替代原来的 Object.defineProperty。本文将介绍 Vue3 数据双向绑定的主要特点和实现方式。 1. 响应式系统 1.1. Proxy对象 Vue3 …...

编程日记 2025/6/19 21:05:25

Quasar组件 Carousel走马灯

通过对比两个q-carousel组件来，了解该组件的属性官方文档请参阅：Carousel 预览源代码 <template><div class"q-pa-md"><div class"q-gutter-md"><q-carouselv-model"slide"transition-prev&quo…...

编程日记 2025/6/19 21:07:40

Vue 2.0学习

个人简介 👨‍💻‍个人主页： 魔术师 📖学习方向： 主攻前端方向，正逐渐往全栈发展 🚴个人状态： 研发工程师，现效力于政务服务网事业 🇨🇳人生格言&…...

编程日记 2025/5/24 10:58:04

LangFlow技术深度解析：可视化编排LangChain应用的新范式 -（3）组件系统

Component System | langflow-ai/langflow | DeepWiki 组件系统相关源文件组件系统是核心基础设施，使 Langflow 能够在工作流中创建、配置和连接模块化构建块。该系统通过为组件提供一致的接口来定义其输入、输出、执行行为以及与其他组件的连接，从…...

编程日记 2025/6/19 19:42:35

【Win32 API】 lstrcmpA()

作用比较两个字符字符串（比较区分大小写）。 lstrcmp 函数通过从第一个字符开始检查，若相等，则检查下一个，直到找到不相等或到达字符串的末尾。函数 int lstrcmpA(LPCSTR lpString1, LPCSTR lpString2); 参数 lpStr…...

编程日记 2025/6/19 20:01:51

LabVIEW光谱检测系统

腔衰荡光谱技术（CRDS）凭借高精度和高灵敏度特性，成为微量气体浓度检测的常用方法，而准确获取衰荡时间是该技术应用的关键。基于LabVIEW平台设计腔衰荡信号在线处理系统，实现对衰荡信号的实时采集、平均、拟合、显示和保…...

编程日记 2025/6/19 21:13:22

深入解读WPDRRC信息安全模型：构建中国特色的信息安全防护体系

目录前言1 WPDRRC模型概述2 模型结构详解2.1 预警（Warning）2.2 保护（Protect）2.3 检测（Detect）2.4 响应（React）2.5 恢复（Restore）2.6 反击（Count…...

编程日记 2025/6/19 21:12:24

uniapp-商城-59-后台新增商品（属性的选中，进行过滤展示，filter，some，every和map）

前面讲了属性的添加，添加完成后，数据库中已经存在数据了，这时再继续商品的添加时，就可以进行属性的选择了。在商品添加过程中，属性选择是一个关键步骤。首先，界面需要展示嵌套的属性数据，用户通…...

编程日记 2025/5/19 7:38:35

RDIFramework.NET Web敏捷开发框架 V6.2发布(.NET6+、Framework双引擎)

1、框架介绍 .NET6、Framework双引擎、全网唯一 RDIFramework.NET敏捷开发框架，是我司重磅推出的支持.NET6和.NET Framework双引擎的快速信息化系统开发、整合框架，为企业快速构建企业级的应用提供了强大支持。依托框架强大的基座，开发人员只…...

编程日记 2025/6/19 20:28:18

JMeter 教程：编写 GET 请求脚本访问百度首页

目录练习要求： 练习步骤： 效果图： 练习要求： 练习步骤： 效果图：...

编程日记 2025/6/3 23:30:03

JSP 实现二级联动下拉菜单：一次加载，前端动态更新

在Web开发中，二级联动下拉菜单（或多级联动）是一种非常常见的用户交互形式，例如选择省份后动态加载对应的城市列表。本文将详细介绍一种在JSP中实现二级联动的方法：后端一次性将所有联动数据加载到前端，然后通过JavaScript在客户端动态更新二级下拉菜单。这种方法对于数据…...

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

Room数据库

Room数据库 Room是Android Jetpack组件中的一款SQLite数据库抽象层框架，旨在简化本地数据库操作，提供编译时SQL校验、类型与安全、与LiveData/Flow无缝集成等特性。 1. 什么是Room 定义： Room 是 Android Jetpack 提供的一个 ORM&#xff…...

编程日记 2025/5/26 8:06:37

文件上传Ⅲ

#文件-解析方案-执行权限&解码还原 1、执行权限文件上传后存储目录不给执行权限（即它并不限制你上传文件的类型，但不会让相应存有后门代码的PHP文件执行，但是PNG图片是可以访问的） 2、解码还原数据做存储，解…...

编程日记 2025/5/28 7:31:46

前端取经路——量子UI：响应式交互新范式

嘿，老铁们好啊！我是老十三，一枚普通的前端切图仔（不，开玩笑的，我是正经开发）。最近前端技术简直跟坐火箭一样，飞速发展！今天我就跟大家唠唠从状态管理到实时渲染&#xf…...

编程日记 2025/5/20 10:54:25

15 C 语言字符类型详解：转义字符、格式化输出、字符类型本质、ASCII 码编程实战、最值宏汇总

1 字符类型概述在 C 语言中，字符类型 char 用于表示单个字符，例如一个数字、一个字母或一个符号。 char 类型的字面量是用单引号括起来的单个字符，例如 A、5 或 #。当需要表示多个字符组成的序列时，就涉及到了字符串。在 C 语言…...

编程日记 2025/5/22 19:38:01

AlphaEvolve：LLM驱动的算法进化革命与科学发现新范式

AlphaEvolve：LLM驱动的算法进化革命与科学发现新范式本文聚焦Google DeepMind最新发布的AlphaEvolve，探讨其如何通过LLM与进化算法的结合，在数学难题突破、计算基础设施优化等领域实现革命性进展。从48次乘法优化44矩阵相乘到数据中心资源利…...

编程日记 2025/5/30 17:24:13

比较文本搜索策略 pgsearch、tsvector 和外部引擎

大家好，这里是架构资源栈！点击上方关注，添加“星标”，一起学习大厂前沿架构！ 在应用程序中实现搜索功能时，您需要选择合适的文本搜索方法。本指南比较了 PostgreSQL 的内置搜索引擎tsvector、pg_search扩展…...

编程日记 2025/5/31 15:07:53

58. 区间和

题目链接： 58. 区间和题目描述： 给定一个整数数组 Array，请计算该数组在每个指定区间内元素的总和。输入描述第一行输入为整数数组 Array 的长度 n，接下来 n 行，每行一个整数，表示数组的元素。随后…...

编程日记 2025/6/1 8:47:26

MySQL中表的增删改查（CRUD）

一.在表中增加数据（Create） INSERT [INTO] TB_NAME [(COLUMN1,COLUMN2,...)] VALUES (value_list1),(value_list2),...;into可以省略可仅选择部分列选择插入，column即选择的列， 如图例可以选择仅在valuelist中插入age和id如果不指…...

编程日记 2025/5/24 0:46:55

SQL练习（6/81）

目录 1.寻找连续值方法一：使用自连接（Self-Join） 方法二：使用窗口函数（Window Functions） 2.寻找有重复的值 GROUP BY子句 HAVING子句常用聚合函数： 3.找不存在某属性的值 not in no…...

编程日记 2025/6/19 19:12:44

Android 中打开文件选择器（ACTION_OPEN_DOCUMENT ）

在 Android 中，打开文件选择器（File Picker）通常是指启动一个系统提供的界面，让用户可以选择存储在设备上的文件。可以通过发送一个带有 Intent.ACTION_OPEN_DOCUMENT 或 Intent.ACTION_GET_CONTENT 的 Intent 来实现。 1、启动文…...

编程日记 2025/5/28 14:12:59

AWS中国区CloudFront证书管理和应用指南

在AWS中国区使用CloudFront时，SSL/TLS证书的管理和应用是一个重要的环节。本文将详细介绍如何在AWS中国区上传、管理和应用SSL证书到CloudFront分配。 1. 准备证书文件首先，我们需要准备好SSL证书相关的文件。通常，这包括：私钥文件（.key）公钥证书文件（.crt）证书链文…...

编程日记 2025/5/29 18:10:21

Python之三大基本库——Matplotlib

好久没来总结了，今天刚好有时间，我们来继续总结一下python中的matplotlib 一、什么是Matplotlib ‌Matplotlib‌是一个Python的2D绘图库，主要用于将数据绘制成各种图表，如折线图、柱状图、散点图、直方图、饼图等。它以各种硬拷贝…...

编程日记 2025/5/22 21:30:03

第一题 ∫ − ∞ ∞ x e x − e x d x ∫ 0 ∞ ln ⁡ t ⋅ e ln ⁡ t − t ⋅ 1 t d t ∫ 0 ∞ ln ⁡ t ⋅ e − t ⋅ 1 t ⋅ t d t ∫ 0 ∞ ln ⁡ t ⋅ e − t d t ψ ( 1 ) − γ \begin{align*} \int_{-\infty}^{\infty}xe^{x-e^x}\text{d}x&\int_{0}^{\infty}…...

编程日记 2025/5/25 17:58:00

计算机网络-----6分层结构

目录 “分层” 的设计思想： 计算机网络要完成的功能： 计算机网络的分层结构： 网络体系结构的概念： 各层之间的关系： 数据的传输过程水平视角： 垂直视角： 相关概念协议三要素&#x…...

编程日记 2025/5/28 11:08:52

初识SOC：RK3588

目录一、高性能计算与边缘计算二、多媒体处理与显示三、图形与游戏开发四、物联网与嵌入式系统五、操作系统兼容性 RK3588作为瑞芯微推出的高性能处理器，凭借其多核架构、高算力NPU和多媒体处理能力，可广泛应用于以下领域： 一、高…...

编程日记 2025/5/27 2:20:24

卡顿检测与 Choreographer 原理

一、卡顿检测的原理卡顿的本质是主线程（UI 线程）未能及时完成某帧的渲染任务（超过 16.6ms，以 60Hz 屏幕为例），导致丢帧（Frame Drop）。检测卡顿的核心思路是监控主线程任务的执行时…...

编程日记 2025/5/27 6:28:37

第十天——贪心算法——深度总结

文章目录贪心算法深度解析：原理与应用 1. 贪心算法的基本原理 1.1 贪心选择性质 1.2 最优子结构 1.3 贪心算法与动态规划的对比 2. 贪心算法的应用场景 3. 具体应用案例 3.1 分配饼干 (Assign Cookies) 3.2 分糖果 (Candy Distribution) 3.3 种花问题 (C…...

编程日记 2025/5/28 15:20:08

python自学笔记2 数据类型

字符串操作 f字符串： for index, char in enumerate(greeting_str):print(f"字符：{char}, 索引：{index}")f字符串可以方便的在字符串中插入变量字符串切片指定步长： print(greeting_str[::2])指定步长为2的取字符…...

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

nacos配置文件快速部署另一种方法

提交nacos配置的另一种一种方法,批命令/shell: 以下脚本直接把当前目录下的所有yaml文件一键提交到nacos上前提是要先安装curl 以及 jq 然后把下面的shell保存为 import-all.sh 然后 chmod x import-all.sh && ./import-all.sh 就好了. 记得修改一下的NAMESPACE_…...

编程日记 2025/6/2 8:53:15

RTK哪个品牌好？2025年RTK主流品牌深度解析

在测绘领域，RTK 技术的发展日新月异，选择一款性能卓越、稳定可靠的 RTK 设备至关重要。2025 年，市场上涌现出众多优秀品牌，本文将深入解析几大主流品牌的核心竞争力。华测导航（CHCNAV）：技术创…...

编程日记 2025/5/31 10:48:32

游戏引擎学习第285天:“Traversables 的事务性占用”

回顾并为当天的工作做准备我们有一个关于玩家移动的概念，玩家可以在点之间移动，而且当这些点移动时，玩家会随之移动。现在这个部分基本上已经在工作了。我们本来想实现的一个功能是：当玩家移动到某个点时，这个点能“…...

编程日记 2025/5/30 21:19:26

HNUST湖南科技大学-安卓Android期中复习

使用说明：除了选择判断就看习题外，推荐重点复习三四章多复习案例，这里应该是编程空题，把界面控件、活动单元熟悉一下。第五章（数据存储方式，尤其是文件存储）、第六章（重点内容提供者…...

编程日记 2025/6/2 15:41:42

一种应用非常广泛的开源RTOS（实时操作系统）：nuttx

什么是NuttX？ NuttX（读音接近“纳特-艾克斯”）是一种应用非常广泛的开源RTOS（实时操作系统），由Gregory Nutt博士主要推动开发。RTOS，即 Real-Time Operating System，直译为“实时操…...

编程日记 2025/5/27 10:20:35

WebSocket 客户端 DLL 模块设计说明（基于 WebSocket++ + Boost.Asio）

WebSocket 客户端 DLL 模块设计说明（基于 WebSocket Boost.Asio） 📌 目录一、模块总览二、导出接口说明（EXPORTS）三、状态变量功能解读四、连接启动流程详解五、事件回调说明六、消息发送流程七、心跳与断连 JSON …...

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

微信小程序：封装request请求、解决请求路径问题

一、创建文件 1、创建请求文件创建工具类文件request.js，目的是用于发送请求二、js接口封装 1、写入接口路径创建一个变量BASE_URL专门存储api请求地址 2、获取全局的token变量从缓存中取出token的数据 3、执行请求 (1)方法中接收传递的参数 function request(url,…...

编程日记 2025/5/29 13:57:52

Ubuntu24.04 安装 5080显卡驱动以及cuda

前言之前使用Ubuntu22.04版本一直报错,然后换了24.04版本才能正常安装一. 配置基础环境 Linux系统进行环境开发环境配置-CSDN博客二. 安装显卡驱动 1.安装驱动按以下步骤来： sudo apt update && sudo apt upgrade -y#下载最新内核并安装 sudo add…...

编程日记 2025/5/29 13:20:52

Jenkins的流水线执行shell脚本执行jar命令后项目未启动未输出日志问题处理

现象在流水线里配置了启动脚本例如，nohup java -jar xxx.jar >nohup.out 2>&1 & 但是在服务器发现服务并未启动,且nohup日志里没输出日志,这样的原因是jenkins在执行完脚本后，就退出了这个进程。解决在启动脚本执行jar命令的上一步…...

编程日记 2025/5/31 7:48:42

Core Web Vitals 全链路优化：从浏览器引擎到网络协议深度调优

Core Web Vitals 全链路优化：从浏览器引擎到网络协议深度调优一、浏览器渲染引擎级优化 1.1 合成器线程优化策略 • 分层加速：通过will-change属性创建独立的合成层 .accelerated {will-change: transform;backface-visibility: hidden; }• 光栅化策略调整：使用image-r…...

编程日记 2025/5/29 1:51:30

【网络编程】十、详解 UDP 协议

文章目录 Ⅰ. 传输层概述1、进程之间的通信2、再谈端口号端口号的引出五元组标识一个通信端口号范围划分常见的知名端口号查看知名端口号协议号 VS 端口号 3、两个问题一个端口号是否可以被多个进程绑定？一个进程是否可以绑定多个端口号？ 4、部分常见指令…...

编程日记 2025/5/29 17:25:30

求职困境：开发、AI、运维、自动化

文章目录问：我的技术栈是web全栈（js，css，html，react，typscript），C开发，python开发，音视频图像开发，神经网络深度学习开发，运维&#…...

编程日记 2025/5/28 15:52:04

如何将数据从一部手机传输到另一部手机 | 5 种便捷传输方式

更换新手机可能是一种令人兴奋的体验，但您仍然需要解决问题 - 如何将数据从一部手机传输到另一部手机。幸运的是，有多种方法可以简化此过程，从一键式解决方案到基于云的传输。本文探讨了五种流行的技术来帮助您无缝迁移数据。第 1 部分&…...

编程日记 2025/5/31 0:48:08

GEE计算 RSEI（遥感生态指数）

🛰️ 什么是 RSEI？为什么要用它评估生态环境？ RSEI（遥感生态指数，Remote Sensing Ecological Index） 是一种通过遥感数据计算得到的、综合反映区域生态环境质量的指标体系。它的设计初衷是用最少的变量&…...

编程日记 2025/5/29 11:15:40

k8s监控方案实践补充（二）：使用kube-state-metrics获取资源状态指标

k8s监控方案实践补充（二）：使用kube-state-metrics获取资源状态指标文章目录 k8s监控方案实践补充（二）：使用kube-state-metrics获取资源状态指标一、Metrics Server简介二、kube-state-metrics实战部署1. 创…...

编程日记 2025/5/26 12:30:15

JavaScript：PC端特效--元素可视区client系列

一、client系列 client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 client系列属性作用element.clientTop返回元素上边框的大小element.clientLeft返回元…...

编程日记 2025/5/24 0:17:00

Centos7 中 Docker运行配置Apache

1、拉去httpd镜像（不加版本号，默认拉最新版本） docker pull httpd 2、运行httpd docker run -di --name httpd-test -p 8080:80 httpd 3、创建文件夹后边做映射 mkdir -p /Docker/apache/www /Docker/apache/logs /Docker/apache/conf 4、…...

编程日记 2025/5/29 13:54:07

PostgreSQL中的全页写

一、概述在PGSQL数据库中，默认的页面大小为8KB，但是磁盘buffer的大小为4KB，扇区大小为512B。这就导致在操作系统的角度看数据库的写操作，其实并不是一种原子操作。如果操作系统发生了系统级别的故障，此时正好操作系统…...

编程日记 2025/5/27 7:38:01