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

HTML基础

news 来源：原创 2025/8/22 4:28:40

前言

什么是 HTML？

HTML 是一种用于创建网页结构的标记语言，通过标签（Tag）定义内容的结构和呈现方式。

浏览器解析 HTML 文档后，将其渲染为可视化网页。

一、HTML 语法

1. HTML 基本骨架

所有 HTML 文档必须包含以下基本结构：

<!DOCTYPE html>           <!-- 声明文档类型为 HTML5 -->
<html lang="zh-CN">       <!-- 根标签，lang 定义页面语言 -->
<head><meta charset="UTF-8"> <!-- 字符编码 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>页面标题</title> <!-- 显示在浏览器标签页上的标题 -->
</head>
<body><!-- 网页主体内容 -->
</body>
</html>

2. 标签关系

父子关系：标签嵌套形成层级结构（如 <ul> 包含多个 <li>）。
兄弟关系：同一层级的标签（如多个 <p> 并列）。
自闭合标签：无内容的标签（如 <img>, <br>）。

二、核心内容标签

1. 标题标签 `<h1>` - `<h6>`

作用：定义标题层级，<h1> 最高级，<h6> 最低级。

示例：

<h1>主标题</h1>
<h2>次级标题</h2>
<h3>三级标题</h3>

SEO 建议：一个页面仅一个 <h1>，层级应清晰。

2. 段落标签 `<p>`

作用：定义文本段落。

示例：

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

3. 换行标签 `<br>`

作用：强制文本换行（无需闭合标签）。

示例：

<p>第一行文本<br>第二行文本</p>

4. 水平线标签 `<hr>`

作用：插入水平分隔线。

示例：

<p>第一部分内容</p>
<hr>
<p>第二部分内容</p>

三、文本格式化标签

1. 语义化标签

<strong>：表示重要文本（默认加粗）。
<em>：表示强调文本（默认斜体）。
<ins>：下划线文本。
<del>：删除线文本。
<mark>：高亮文本（黄色背景）。
<code>：显示代码片段（等宽字体）。
<blockquote>：长引用（缩进显示）。

2. 物理样式标签

<b>：加粗文本（无语义）。
<i>：斜体文本（无语义）。
<u>：下划线文本。
<s>：删除线文本。

3. 示例：

<p><strong>重要提示</strong>：请<em>立即</em>保存文件。<code>print("Hello World")</code><mark>高亮内容</mark>
</p>

语义化优先：优先使用 <strong> 而非 <b>，<em> 而非 <i>。

四、图像标签 `<img>`

1. 基本用法

<img src="image.jpg" alt="图片描述">

关键属性：
- src：图像路径（必填）。
- alt：替代文本（图片无法显示时展示，必填）。
- width/height：定义宽高（单位像素或百分比）。
- title：悬停提示文本（可选）。

2. 响应式图像

<img src="small.jpg" srcset="large.jpg 1200w, medium.jpg 800w" sizes="(max-width: 600px) 100vw, 50vw"alt="响应式图片"
>

srcset：定义不同分辨率/尺寸的图片源。
sizes：定义图片在不同视口中的显示尺寸。

五、超链接标签 `<a>`

1. 基本用法

<a href="https://example.com" target="_blank">访问示例网站</a>

关键属性：
- href：链接目标（URL、文件路径、锚点 #id）。
- target：打开方式（_blank 新标签页，_self 当前页）。
- download：强制下载文件（如 download="filename.pdf"）。

2. 锚点链接

<a href="#section1">跳转到第一部分</a>
<!-- 目标位置 -->
<h2 id="section1">第一部分</h2>

六、多媒体标签

1. 音频 `<audio>`

<audio controls autoplay loop><source src="audio.mp3" type="audio/mpeg"><source src="audio.ogg" type="audio/ogg">您的浏览器不支持音频播放。
</audio>

关键属性：
- controls：显示播放控件。
- autoplay：自动播放（部分浏览器限制）。
- loop：循环播放。
- muted：静音播放。

2. 视频 `<video>`

<video controls width="600" poster="preview.jpg"><source src="video.mp4" type="video/mp4"><source src="video.webm" type="video/webm">您的浏览器不支持视频播放。
</video>

关键属性：
- poster：视频封面图。
- preload：预加载策略（auto、metadata、none）。
- playsinline：移动端内联播放（避免全屏）。

七、列表（List）

1. 无序列表 `<ul>`

用途：展示无顺序关系的项目（默认用实心圆点标记）。

标签结构：

<ul><li>项目1</li><li>项目2</li>
</ul>

属性：
- type：定义项目符号类型（disc（默认）、circle、square，但推荐用 CSS list-style-type 替代）。

2. 有序列表 `<ol>`

用途：展示有顺序关系的项目（默认用数字标记）。

标签结构：

<ol><li>第一步</li><li>第二步</li>
</ol>

属性：
- type：编号类型（1（默认）、A、a、I、i）。
- start：起始编号（如 start="3" 从 3 开始）。
- reversed：倒序编号（如 reversed）。

3. 定义列表 `<dl>`

用途：展示术语及其描述（如字典）。

标签结构：

<dl><dt>HTML</dt><dd>超文本标记语言</dd><dt>CSS</dt><dd>层叠样式表</dd>
</dl>

八、表格（Table）与合并单元格

1. 基本表格结构

<table border="1"><thead><tr><th>姓名</th><th>年龄</th></tr></thead><tbody><tr><td>张三</td><td>25</td></tr></tbody><tfoot><tr><td colspan="2">总计：1人</td></tr></tfoot>
</table>

核心标签：
- <table>：定义表格。
- <tr>：表格行。
- <th>：表头单元格（默认加粗居中）。
- <td>：普通单元格。
- <thead>/<tbody>/<tfoot>：语义化分组。

2. 合并单元格

跨列合并（colspan）：
```
<td colspan="2">占两列</td>
```
跨行合并（rowspan）：
```
<td rowspan="2">占两行</td>
```

表格：

避免用表格布局（使用 CSS Grid/Flexbox）。
合并单元格时确保结构完整，避免跨分组（如 <thead> 与 <tbody>）。

九、表单（Form）与输入控件

1. 表单容器 `<form>`

<form action="/submit" method="POST" enctype="multipart/form-data"><!-- 表单控件 -->
</form>

关键属性：
- action：提交目标 URL。
- method：HTTP 方法（GET 或 POST）。
- enctype：编码类型（上传文件需设为 multipart/form-data）。

2. 输入控件 `<input>`

常见类型：

<!-- 文本输入 -->
<input type="text" name="username" placeholder="用户名" required><!-- 密码输入 -->
<input type="password" name="password"><!-- 单选按钮 -->
<input type="radio" name="gender" value="male" checked> 男
<input type="radio" name="gender" value="female"> 女<!-- 复选框 -->
<input type="checkbox" name="hobby" value="reading"> 阅读
<input type="checkbox" name="hobby" value="sports"> 运动<!-- 文件上传 -->
<input type="file" name="avatar" accept="image/*"><!-- 隐藏字段 -->
<input type="hidden" name="token" value="abc123">

通用属性：
- name：字段名称（后端接收数据的键）。
- value：默认值。
- required：必填字段。
- disabled：禁用控件。

3. 下拉菜单 `<select>`

<select name="country"><option value="">请选择国家</option><option value="cn" selected>中国</option><option value="us">美国</option><optgroup label="欧洲"><option value="fr">法国</option><option value="de">德国</option></optgroup>
</select>

属性：
- multiple：允许多选。
- size：可见选项数。

4. 文本域 `<textarea>`

<textarea name="comment" rows="4" cols="50" placeholder="请输入评论"></textarea>

属性：
- rows：可见行数。
- cols：可见列数（推荐用 CSS 控制宽度）。
- maxlength：最大字符数。

5. 按钮`<button>`

<button> 标签：

<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button" onclick="alert('点击')">普通按钮</button>

<input> 类型按钮：

<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="普通按钮">

6.关联标签 `<label>`

作用：提升表单可访问性，点击标签可聚焦控件。

用法：

<!-- 显式关联（推荐） -->
<label for="username">用户名：</label>
<input type="text" id="username" name="username"><!-- 隐式关联 -->
<label><input type="checkbox" name="agree"> 同意协议
</label>

表单：

始终为 <input> 添加 name 属性，否则数据无法提交。
使用 label 提升可访问性。

十、容器标签 `<div>` 与 `<span>`

1. `<div>`

用途：块级容器，用于布局或样式分组。

示例：

<div class="container"><h1>标题</h1><p>段落内容</p>
</div>

2. `<span>`

用途：行内容器，用于局部文本样式或操作。

示例：

<p>这是一段<span style="color: red;">红色文本</span>。</p>

十一、HTML 字符实体

1. 常见字符实体

字符	实体名称	实体编号	用途
`<`	`<`	`<`	避免被解析为标签
`>`	`>`	`>`	同上
`&`	`&`	`&`	避免被解析为实体
	` `	` `	非换行空格
`©`	`©`	`©`	版权符号

2. 使用示例

<p>10 &gt; 5 &amp; 5 &lt; 10</p>
<p>版权所有 &copy; 2023</p>

示例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>test</title>
</head>
<body><h1>什么是JavaScript</h1><hr><p>欢迎来到 MDN 的 JavaScript 初学者课程！本节将在一定高度俯瞰 JavaScript，回答一些诸如“它是什么？”和“它能做什么？”的问题。并使你熟悉 JavaScript 的用途。</p><h2>高层定义</h2><p><strong>JavaScript</strong> 是一种 <em>脚本编程语言</em>，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等—— <ins>JavaScript</ins>就在其中。 <del>它是标准Web技术蛋糕的第三层</del> ，其中<a href="#">HTML</a> 和<a href="#">CSS</a> 我们已经在学习区的其他部分进行了详细的讲解。</p><h2>它到底可以做什么？</h2><p>不再是<mark>简单的</mark>静态信息</p><ul><li>交互式的地图</li><li>2D/3D 动画</li><li>滚动播放的视频</li></ul><ol><li>交互式的地图</li><li>2D/3D 动画</li><li>滚动播放的视频</li></ol><table border="1"><thead><tr><th>姓名</th><th>语文</th><th>数学</th><th>总分</th></tr></thead><tbody><tr><td>张三</td><td>99</td><td rowspan="2">100</td><td>199</td></tr><tr><td>李四</td><td>98</td><!-- <td>100</td> --><td>198</td></tr><tfoot><tr><td>总结</td><td colspan="3">全市第一</td><!-- <td>全市第一</td> --><!-- <td>全市第一</td> --></tr></tfoot></tbody></table><h1>注册信息</h1><form action=""><h2>个人信息</h2><label>姓名： <input type="text" placeholder="请输入姓名"></label><br><br><label>密码： <input type="password" placeholder="请输入密码"></label><br><br><label><input type="radio" name="gender">男</label>            <label><input type="radio" name="gender">女</label><br><br><label>居住城市：</label><select><option>北京</option><option selected>上海</option><option>南京</option></select><h2>教育经历</h2><select><option>2022</option><option>2023</option><option>2024</option></select><span>--</span><select><option>2026</option><option>2027</option><option>2028</option></select><h2>工作经历</h2>    <textarea ></textarea><br><br><label><input type="checkbox">已阅读并同意以下协议：<ul><li><a href="#">《用户服务协议》</a></li><li><a href="#">《隐私政策》</a></li></ul></label><br><button type="submit">免费注册</button>&nbsp;&nbsp;&nbsp;<button type="reset">清空</button></form><!-- <img src="https://www.runoob.com/wp-content/uploads/2013/07/js-logo.png" alt="123" width="200"><img src="./pixmap.png" width="300"><br><audio src="./银临,Aki阿杰+-+牵丝戏.mp3" controls></audio><br><video src="./不眠之夜.mp4" controls height="300" ></video> --></body>
</html>

HTML基础

前言什么是 HTML？ HTML 是一种用于创建网页结构的标记语言，通过标签（Tag）定义内容的结构和呈现方式。浏览器解析 HTML 文档后，将其渲染为可视化网页。一、HTML 语法 1. HTML 基本骨架所有 HTML 文档必须包含以下…...

编程日记 2025/8/22 4:28:40

静态时序分析：无法满足的生成时钟（TIM-255警告、UITE-461或PTE-075错误）

相关阅读静态时序分析https://blog.csdn.net/weixin_45791458/category_12567571.html?spm1001.2014.3001.5482 在阅读本文前，强烈建议首先阅读介绍生成时钟的文章，尤其是其中关于时钟极性和反相的相关内容。静态时序分析：SDC约束命令cr…...

编程日记 2025/8/18 16:32:17

SpringBoot日常：集成shareingsphere-jdbc

文章目录 pom依赖application.yml配置log4j2.xml实体类MapperServicecontroller调用插入接口调用查询接口本章内容我们来聊聊如何将shareingsphere-jdbc集成到我们自己的springboot项目中，本章采用的shareingsphere-jdbc版本是5.1.2，springboot项目是2.…...

编程日记 2025/8/20 16:34:21

Java 生成图形验证码

一、图形验证码的意义图形验证码是一种广泛应用于互联网领域的安全验证机制，它通过向用户展示包含字符、数字、图形等信息的图片，要求用户正确识别并输入其中的内容，以此来区分用户是人类还是机器程序。图形验证码具有多方面重要意义&#…...

编程日记 2025/8/18 22:26:09

nextjs15简要介绍以及配置eslint和prettier

目录一、Next.js 何时使用服务器端渲染（SSR）？何时使用静态生成（SSG）？ 1、服务器端渲染（SSR - getServerSideProps） 2、静态生成（SSG - getStaticProps） …...

编程日记 2025/8/16 9:56:02

插入排序算法优化

一插入排序概述插入排序是稳定的原地排序算法，核心思想是逐步构建有序序列。对于未排序部分的每个元素，在已排序序列中从后向前扫描，找到合适位置插入。时间复杂度为：最优：O(n)（已有序）最差：O(n^2)（完全逆序）平均：O(n^2) 二二分查找优化（减少比较次数）…...

编程日记 2025/8/19 6:37:25

python学智能算法（七）|KNN邻近算法

【1】引言前述学习进程中，已经了解了一些非常经典的智能算法，相关文章包括且不限于： python学智能算法（三）|模拟退火算法：深层分析_模拟退火动画演示-CSDN博客 python学智能算法（四&#x…...

编程日记 2025/8/20 8:44:01

LabVIEW闭环控制系统硬件选型与实时性能

在LabVIEW闭环控制系统的开发中，硬件选型直接影响系统的实时性、精度与稳定性。需综合考虑数据采集速度（采样率、接口带宽）、计算延迟（算法复杂度、处理器性能）、输出响应时间（执行器延迟、控制周期&#x…...

编程日记 2025/8/20 13:08:28

JavaScript（Web APIs）

这个阶段两天也能看完目录壹_DOM-获取元素 00、获取DOM元素（根据CS选择器来获取DOM元素） 01、修改元素内容 02、修改CSS 03、H5自定义属性 04、定时器贰_DOM-事件基础 00、事件监听 01、事件类型 02、事件对象 03、环境对象 04、回调函数叁_DOM-事…...

编程日记 2025/8/16 12:58:42

创建Electron35 + vue3 + electron-builder项目，有很过坑，记录过程

环境： node v20.18.0 npm 11.1.0 用到的所有依赖： "dependencies": {"core-js": "^3.8.3","vue": "^3.2.13","vue-router": "^4.5.0"},"devDependencies": {"ba…...

编程日记 2025/8/22 2:09:14

机器视觉条形光源应用解析

在机器视觉中，条形光源是一种常见的照明设备，通过其特殊的形状和光路设计，能够有效解决检测中的光照均匀性、反光抑制、对比度增强等问题。以下是关于条形光源的详细解析： 1. 条形光源的基本结构与类型结构：由多个LED灯珠沿直线或弧形排列，通常封装在长条形外壳中，可单…...

编程日记 2025/8/21 19:38:12

苹果商店上架流程,app上架发布流程

苹果商店地址 https://appstoreconnect.apple.com/login 其他地址:开发 - Apple Developer 1.更新代码将项目的代码更新到最新,更新成功后右下角会给出提示 2.打开模拟器鼠标右键可以选择设备(Device) 3.测试运行如下图可以看到已经识别到设备了,点击运行即可,运行到模…...

编程日记 2025/8/21 9:55:23

大数据技术在土地利用规划中的应用分析

大数据技术在土地利用规划中的应用分析一、引言土地利用规划是对一定区域内的土地开发、利用、整治和保护所作出的统筹安排与战略部署，对于实现土地资源的优化配置、保障社会经济的可持续发展具有关键意义。在当今数字化时代，大数据技术凭借其海量数据处理、高效信息挖掘等…...

编程日记 2025/8/19 23:43:11

【Axure资料】110套优质可视化大屏模板+图表组件+科技感元件等

本作品集包含110套高保真可视化大屏模板，以及丰富的图表组件和科技感元件，旨在满足各行业对数据可视化展示的需求。所有模板和组件均基于Axure RP 9软件设计，确保高质量的交互体验和视觉效果。作品类型：Axure原型模板兼容版本&…...

编程日记 2025/8/16 9:57:28

TCP-IP协议通信模型

一、TCP/IP协议概述 TCP/IP协议即传输控制协议/互联网协议，也被称为网络通讯协议。它包含了一系列构成互联网基础的网络协议，是Internet的核心协议。二、TCP/IP协议通信模型文件中提到了TCP/IP协议通信模型，但未详细展开其具体层次结构和…...

编程日记 2025/8/16 9:57:35

VMware下载安装Ubuntu详解

一、Linux简介 1、不同领域的主流操作系统桌面操作系统服务器操作系统移动设备操作系统嵌入式操作系统 1.1、桌面操作系统 Windows（用户数量最多）Mac OS（苹果电脑操作系统）Linux（用户数量少） 1.2、服…...

编程日记 2025/8/20 0:02:56

<Label Content"{Binding LabelText}" /> ... public string LabelText {get;set;}后端改变值后,界面内容并不显示查看资料后改动如下 private string _labelText; public string LabelText{get { return _labelText; }set { _labelText value; OnPropertyCh…...

编程日记 2025/8/20 6:49:48

VC++ 获取目的IP的路由

GetBestRoute 函数获取到目的IP的最佳匹配路由。第一个参数为：destination（目的IP） 第二个参数为：source（源IP） 通常不需要指定第二个source，这个一般用来匹配具体某一个网卡接口路由的&…...

编程日记 2025/8/20 15:31:02

海外跨境专线是什么？如何搭建海外跨境专线？

网络跨境专线——这一名词你听说过吗？如果你在跨境经济、国际贸易或网络通信领域工作，那它一定是你日常工作的一个重要话题。今天我们就来聊聊网络跨境专线的概念和搭建方法，希望能够为你在这一领域的探索提供一些帮助。一、什么是网络跨境…...

编程日记 2025/8/22 1:15:29

【神经网络】python实现神经网络（二）——正向推理的模拟演练

一.神经网络假设在开始讲解之前，首先我们假设有这样一套神经网络，一共有三层：其中，关于神经网络的权重、偏置的符号定义如下（如果不知道什么是权重和偏置，可以参考我之前写过的一篇文章：【机器学习】机器学习是什么意思）：以下文章将沿用以上这个设…...

编程日记 2025/8/17 12:47:37

【从零开始学习计算机科学】操作系统（八）IO管理

【从零开始学习计算机科学】操作系统（八）IO管理 IO管理IO设备IO设备的分类IO控制器设备控制器的IO端口编址设备数据传输控制方法缓冲技术缓冲区的分类常用的缓冲技术虚拟设备IO设备的分配IO相关的软件的设计IO管理 IO设备 IO设备就是可以将数据输入到计算机，或者可以接收计…...

编程日记 2025/8/16 11:31:59

MySQL的安装及配置

一.以安装包方式下载 1.进入MySQL官网，下载安装包官网链接：https://downloads.mysql.com/archives/installer/ 2.安装MySQL 二.压缩包方式下载下载位置：mysql下载位置解压缩后位置：D:\mysql-8.0.15-winx64 在主目录下复制…...

编程日记 2025/8/19 18:09:19

macOS 终端优化

macOS 安装、优化、还原、升级 Oh My Zsh 完全指南 🚀 Oh My Zsh 是 macOS 终端增强的利器，它能提供强大的自动补全、主题定制和插件支持，让你的终端更高效、更炫酷。本文将全面介绍如何安装、优化、还原、重新安装和升级 Oh My Zsh&#x…...

编程日记 2025/8/21 21:09:49

Java三种注释方式

Java有三种注释：单行注释（//，从//到行尾被忽略，用于简单说明），多行注释（/* */，可包含多行内容，用于解释逻辑或禁用代码），文档注释（/**…...

编程日记 2025/8/21 7:40:20

Java 无 GUI 浏览器：HtmlUnit 入门及实战 [特殊字符]

文章目录 HtmlUnit 入门功能简介入门案例更多功能HtmlUnit 实战需求页面分析编码参考⭐ 本文目标： HtmlUnit 框架入门HtmlUnit 框架实战：实现 HtmlUnit 访问 Web 页面，并实现 Web 页面按钮点击，同时获取到下载的文件。HtmlUnit 入门 🚀 官网：https://htmlunit.sourcefo…...

编程日记 2025/8/20 5:44:09

前端如何发布npm包

1. 初始化项目确保你的项目已经初始化，并生成 package.json 文件。如果没有，运行以下命令： npm init -y 按照提示填写项目信息（如项目名称、版本、描述等），生成 package.json 文件。 2. 安装 Webpack 在项目目录下安装 Webpack 及其相关工具： npm install webpack…...

编程日记 2025/8/20 15:30:08

光谱相机检测肉类新鲜度的原理

光谱相机通过分析肉类样本在特定波长范围内的光谱反射特性，结合化学与生物指标的变化规律，实现对其新鲜度的无损检测。其核心原理可概括为以下方面： 一、光谱特征与物质成分的关联性 ‌物质特异性吸收/反射‌ 不同化学成分（如水分…...

编程日记 2025/8/16 9:56:07

【计算机网络】深入解析 HTTP 请求中的 header 类型：Cookie 的概念、特点和应用场景：登录和用户认证

网络原理— HTTP 请求“报头”(header) Cookie 是什么 HTTP报头中的Cookie，用大白话来说，就像你去餐厅吃饭时拿到的一张会员卡： 初次访问 (清除该网站的所有 Cookie 后重新访问该网站，效果相同)： 当你第一次访问一个网…...

编程日记 2025/8/20 18:28:58

红队OPSEC（安全运营）个人总结

OPSEC又称：运营安全，是指在红队的视角下，蓝队对我方的威胁。 OPSEC漏洞的五个流程： 关键信息识别：指红队的关键信息不泄露，包括但不限于红队的攻击意图，能力，人员，活动及…...

编程日记 2025/8/22 1:12:10

《Python基础教程》附录B笔记：Python参考手册

《Python基础教程》第1章笔记👉https://blog.csdn.net/holeer/article/details/143052930 附录B Python参考手册 Python标准文档是完整的参考手册。本附录只是一个便利的速查表，当你开始使用Python进行编程后，它可帮助你唤醒记忆。 B.1 表…...

编程日记 2025/8/20 8:00:57

GWO-CNN-BiLSTM-Attention多变量多步时间序列预测 | Matlab实现灰狼算法优化卷积双向长短期记忆融合注意力机制

GWO-CNN-BiLSTM-Attention多变量多步时间序列预测 | Matlab实现灰狼算法优化卷积双向长短期记忆融合注意力机制目录 GWO-CNN-BiLSTM-Attention多变量多步时间序列预测 | Matlab实现灰狼算法优化卷积双向长短期记忆融合注意力机制预测效果基本介绍程序设计参考资料预测效果基…...

编程日记 2025/8/17 16:46:25

Python实例：PyMuPDF实现PDF翻译，英文翻译为中文，并按段落创建中文PDF

基于PyMuPDF与百度翻译的PDF翻译处理系统开发：中文乱码解决方案与自动化排版实践一、功能预览：将英文翻译为中文后创建的PDF 二、完整代码 from reportlab.lib.pagesizes import letter from reportlab.lib.styles import getSampleStyleSheet, ParagraphStyle...

编程日记 2025/8/16 9:56:06

【数据结构】初识集合框架及背后的数据结构（简单了解）

目录前言如何学好数据结构 1. 什么是集合框架 2. 集合框架的重要性 3. 背后所涉及的数据结构以及算法 3.1 什么是数据结构 3.2 容器背后对应的数据结构 3.3 相关java知识 3.4 什么是算法 3.5 基本关系说明（重要，简单了解） 前言 …...

编程日记 2025/8/19 12:53:00

Go语言集成DeepSeek API和GoFly框架文本编辑器实现流式输出和对话（GoFly快速开发框架）

说明本文是GoFly快速开发框架集成Go语言调用 DeepSeek API 插件，实现流式输出和对话功能。为了方便实现更多业务功能我们在Go服务端调用AI即DeepSeek接口，处理好业务后再用Gin框架实现流失流式输出到前端，前端使用fetch请求接收到流式的mar…...

编程日记 2025/8/21 2:53:32

ClickHouse 数据倾斜实战：案例分析与优化技巧

目录 ClickHouse 数据倾斜问题总结与优化措施 1. 分片键选得不好，埋下隐患 2. 数据本身就“偏心” 3. 查询习惯加剧失衡 4. 硬件差异“雪上加霜” 表现形式一览优化措施：从根源到实践优化分片键：让数据均匀“落户” 数据预处理：写入前先“理顺” 查询优化：别让…...

编程日记 2025/8/21 23:55:58

数据结构(蓝桥杯常考点)

数据结构前言：这个是针对于蓝桥杯竞赛常考的数据结构内容，基础算法比如高精度这些会在下期给大家总结数据结构竞赛中，时间复杂度不能超过10的7次方（1秒）到10的8次方（2秒） 空间限制&#x…...

编程日记 2025/8/19 11:47:30

Flink之水印(watermark)的补充理解

水印（Watermark）‌：用于事件时间处理，标记数据流的进度，解决乱序和延迟问题，触发窗口计算‌ 一、Flink 水印的作用处理乱序事件‌ 水印（Watermark）是 Flink 用于处理事件时间&…...

编程日记 2025/8/21 8:27:24

革新音频技术，引领智能录音新时代—广州唯创电子WT2605芯片深度解析

在万物互联的智能时代，音频处理技术作为人机交互的核心载体，正不断推动消费电子、物联网设备及行业工具的升级迭代。广州唯创电子凭借多年深耕音频芯片领域的经验，推出了一款集多功能、高集成度与灵活扩展性于一体的音频处理芯片——WT2605。…...

编程日记 2025/8/20 9:19:32

jumpserver 网络安全网络安全 authenticity

1.1 计算机安全的概念 1.1.1 计算机安全最核心的三个关键目标(CIA)： 保密性(Confidentiality)--①数据保密性（确保隐私或秘密不向非授权者泄密或使用）； ②隐私性（确保个人能够控制或确定其自身相关的信息&#xff09…...

编程日记 2025/8/18 16:32:35

文件上传漏洞（条件竞争）

[TCO]catalog 文件上传漏洞简介文件上传漏洞是一种常见的 Web 安全漏洞，攻击者可以通过该漏洞上传恶意文件，如 WebShell、木马或其他恶意代码脚本，以实现远程控制服务器、窃取数据或发起进一步攻击。这类漏洞通常源于 Web 应用在文件上传功…...

编程日记 2025/8/16 12:54:26

向量数据库的选择与应用：AI工程实践

一、向量数据库：AI时代的核心基础设施 1.1 从关系型到向量型：数据库的技术演进传统数据库与向量数据库的对比： 特性关系型数据库向量数据库数据模型结构化表格高维向量元数据核心操作CRUD相似性搜索典型场景交易系统推荐系统/图像检索性能…...

编程日记 2025/8/16 12:25:18

文件上传复现

1、什么是文件上传漏洞？ 答：文件上传漏洞是指攻击者通过上传恶意文件到服务器、从而执行任意代码、获取系统权限或者破坏系统安全的漏洞、常见于允许用户上传文件的Web应用程序中。 2. 文件上传漏洞形成原因未验证文件类型：未对上传文件的…...

编程日记 2025/8/20 0:26:20

数据结构全解析：从线性到非线性，优缺点与应用场景深度剖析

1. 线性数据结构 （1）数组（Array）（适合静态数据） 优点： 随机访问高效：通过索引可以直接访问元素，时间复杂度为 O(1)。内存连续：数组在内存中是连续存储的&…...

编程日记 2025/8/19 21:55:43

JAVA面试_进阶部分_Ibatis与Hibernate的区别

一、 hibernate与ibatis之间的比较： hibernate 是当前最流行的o/r mapping框架，它出身于sf.NET，现在已经成为jboss的一部分了。 ibatis 是另外一种优秀的o/r mapping框架，目前属于apache的一个子项目了。相对hibernate“o/r”而…...

编程日记 2025/8/21 10:57:25

页面刷新时选择值或输入值不丢失

视图完整代码 <body><h1>查询员工信息</h1><form action"SearchForm" style"text-align: center;">所属部门：<select name"ddlDept" id"ddlDept"><option value"">--请选择…...

编程日记 2025/8/20 16:34:21

通用人工智能（AGI）：定义、挑战与未来展望

文章目录引言AGI的定义与特征实现AGI的挑战AGI与ASI的区别AGI的潜在影响结语引言通用人工智能（Artificial General Intelligence, AGI）是人工智能领域的终极目标，代表着一种能够执行人类所有智力任务的系统。与当前的任务导向型人工智能&…...

编程日记 2025/8/21 16:35:35

考研数学复习之定积分定义求解数列极限(超详细教程)

定积分求解数列极限是一种将数列极限问题转化为定积分问题进行求解的方法。这种方法通常适用于那些和式数列极限,其主要思路是将数列的项看作是某个函数在某一点或某一段区间上的取值或某种形式的和,然后利用定积分的性质和计算方法,来求解这类数列的极限。定积分定义设函数在…...

编程日记 2025/8/21 16:17:21

【redis】应用场景：共享会话和手机验证码

文章目录共享会话实现思路手机验证码实现思路伪代码实现生成验证码验证验证码共享会话实现思路如果每个应用服务器，维护自己的会话数据，此时彼此之间胡共享，用户请求访问到不同的服务器上，就可能会出现一些不能正确处理的情…...

编程日记 2025/8/20 21:09:23

vscode带参数调试

转载：【深度学习环境】VSCode 调试python 带args参数的程序_vscode args-CSDN博客 ctrlshiftf全局搜索...

编程日记 2025/8/21 22:56:16

音视频软件工程师面试题

一、基础知识编解码相关 H.264 和 H.265（HEVC）的主要区别是什么？视频编解码的基本流程是什么？关键技术有哪些？音频编解码（如 AAC、MP3、Opus）的区别和应用场景？什么是 B 帧、P 帧、I 帧？它们的作用是什么？流媒体协议RTMP、HTTP-FLV、HLS、WebRTC 的区别和应用场景…...

编程日记 2025/8/17 20:52:44

前言

一、HTML 语法

1. HTML 基本骨架

2. 标签关系

二、核心内容标签

1. 标题标签 <h1> - <h6>

2. 段落标签 <p>

3. 换行标签 <br>

4. 水平线标签 <hr>

三、文本格式化标签

1. 语义化标签

2. 物理样式标签

3. 示例：

四、图像标签 <img>

1. 基本用法

2. 响应式图像

五、超链接标签 <a>

1. 基本用法

2. 锚点链接

六、多媒体标签

1. 音频 <audio>

2. 视频 <video>

七、列表（List）

1. 无序列表 <ul>

2. 有序列表 <ol>

3. 定义列表 <dl>

八、表格（Table）与合并单元格

1. 基本表格结构

2. 合并单元格

九、表单（Form）与输入控件

1. 表单容器 <form>

2. 输入控件 <input>

3. 下拉菜单 <select>

4. 文本域 <textarea>

5. 按钮<button>

6.关联标签 <label>

十、容器标签 <div> 与 <span>

1. <div>

2. <span>

十一、HTML 字符实体

1. 常见字符实体

2. 使用示例

示例：

相关文章：

1. 标题标签 `<h1>` - `<h6>`

2. 段落标签 `<p>`

3. 换行标签 `<br>`

4. 水平线标签 `<hr>`

四、图像标签 `<img>`

五、超链接标签 `<a>`

1. 音频 `<audio>`

2. 视频 `<video>`

1. 无序列表 `<ul>`

2. 有序列表 `<ol>`

3. 定义列表 `<dl>`

1. 表单容器 `<form>`

2. 输入控件 `<input>`

3. 下拉菜单 `<select>`

4. 文本域 `<textarea>`

5. 按钮`<button>`

6.关联标签 `<label>`

十、容器标签 `<div>` 与 `<span>`

1. `<div>`

2. `<span>`