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

HTML回顾

news 来源：原创 2025/7/12 23:45:53

html全称：HyperText Markup Language（超文本标记语言）

注重标签语义，而不是默认效果

规则

块级元素包括: marquee、div等

行内元素包括: span、input等

规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写）

规则2：行级元素中能写：行内元素，但不能写：块级元素

规则3：标签内编写多个同名属性，后面的会失效，也就是说只有第一个生效

特殊规则：h1~h6不能互相嵌套

特殊规则：p标签中不能写块元素（未过时的）

特殊规则：a标签中不能写a标签

文本标签

在这里插入图片描述

在这里插入图片描述

图片标签与常见的图片格式

在这里插入图片描述

  1. jpg 格式
    一种有损的压缩格式
    支持的颜色丰富、占用空间小、不支持透明背景、不支持动态图

  2. png 格式
    一种无损的压缩格式
    支持的颜色丰富、占用空间略大、支持透明背景、不支持动态图

  3. bmp 格式
    一种不进行压缩的格式
    支持的颜色丰富、保留的细节更多、占用空间极大、不支持透明背景、不支持动态图

  4. gif 格式
    仅支持256种颜色，色彩呈现不是很完整
    支持的颜色较少、支持简单透明背景、支持动态图

  5. webp 格式
    谷歌推出的一种格式
    具备以上几种格式的优点，但兼容性不太好。

  6. base64 格式

    1. 本质：一串特殊的文本，要通过浏览器打开，传统看图应用通常无法打开
    2. 原理：把图片进行 base64 编码，形成一串文本
    3. 如何生成：靠一些工具或网站
    4. 如何使用：直接作为 img 标签的 src 属性的值即可，并且不受文件位置的影响。
    5. 使用场景：一些较小的图片，或者需要和网页一起加载的图片。

超链接

  1. 在html代码里敲的多个回车或多个空格，只会被浏览器解析为一个空格
  2. 虽然 a 是行内元素，但 a 元素可以包裹除它自身以外的任何元素
  3. 跳转浏览器无法打开的文件，则会引导用户下载
  4. 若想强制触发下载，请使用 download 属性，属性值即为下载文件的名称

跳转锚点

<!DOCTYPE html><html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>超链接_跳转锚点</title>
</head>
<body><a href="#xyy">找喜羊羊</a><a href="#htl">找灰太狼</a><a href="#wk">找悟空</a><a href="#atm">找奥特曼</a><a href="#gs">找怪兽</a><a name="xyy"></a><p>我是喜羊羊</p><img src="./images/喜羊羊.jpg" /><a name="htl"></a><p>我是灰太狼</p><img src="./images/灰太狼.jpg" /><p id="wk">我是悟空</p><img src="./images/悟空.jpg" /><p id="atm">我是奥特曼</p><img src="./images/奥特曼.jpg" /><p id="gs">我是怪兽</p><img src="./images/怪兽.jpg" /><p>整体介绍完毕了</p><a href="#">回到顶部</a><a href="">刷新页面</a><a href="javascript:alert(666);">点我弹窗</a>
</body>
</html>

两种跳转锚点的办法（推荐使用第二种）

  1. a 标签的name

相关文章：

HTML回顾

html全称：HyperText Markup Language（超文本标记语言） 注重标签语义，而不是默认效果 规则 块级元素包括: marquee、div等 行内元素包括: span、input等 规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写） 规则2：行级元素中能写：行内元素，但不能写：块…...

编程日记 2025/7/12 23:45:53

Leetcode百题斩-字典树

208. Implement Trie (Prefix Tree)[medium] 做完了哈希&#xff0c;来看看数据结构&#xff0c;做做字典树。字典树在搜索方面的作用还是蛮大的&#xff0c;主要是能实现前缀联想以及正确性匹配相关的功能。 字典树又名前缀树&#xff0c;顾名思义就是维护字符串的前缀。这个…...

编程日记 2025/6/27 23:12:41

大数据Spark（五十九）：Standalone集群部署

文章目录 Standalone集群部署 一、节点划分 二、搭建Standalone集群 1、将下载好的Spark安装包上传解压 2、配饰spark-env.sh 3、配置workers 4、将配置好的安装包发送到node2、node3节点上 5、启动Standalone集群 三、提交任务测试 Standalone集群部署 Standalone 模…...

编程日记 2025/6/27 23:00:09

Vue 3 ～ 3.5 版本useTemplateRef使用

注意&#xff0c;useTemplateRef版本要在 3.5 以后才可使用&#xff0c;版本低的 ref 替代问题也不大&#xff5e; 2024 年 9 月 1 日发布的 组合式 API&#xff1a;辅助 | Vue.js&#xff0c;引入一个小小的新 API useTemplateRef()&#xff0c;它用于访问实际的 DOM 节点。 …...

编程日记 2025/6/27 23:32:35

使用F5-tts复刻音色

最近第一人称视角的视频很火&#xff0c;想试试看复刻一下电视剧中某个角色的音色。看了下字节的API&#xff0c;嗯。。。138元一个音色&#xff0c;还不包括合成语音的费用&#xff0c;算了还是看看开源项目吧。 随便搜了搜&#xff0c;发现了两个项目一个是openvoice&#x…...

编程日记 2025/7/10 20:14:12

使用亮数据代理IP+Python爬虫批量爬取招聘信息训练面试类AI智能体（附完整源码）

文章目录 一、为什么要用代理IP&#xff1f;(重要&#xff01;)二、环境准备&#xff08;5分钟搞定&#xff09;三、爬虫核心代码解析&#xff08;含反反爬技巧&#xff09;四、数据清洗的3个关键步骤五、训练AI智能体的实战技巧六、法律风险防范&#xff08;必须看&#xff01…...

编程日记 2025/7/9 23:54:04

[软件工程]第二章题目汇总

1 [单选题] 原型化模型是&#xff08; &#xff09;。 A、适用于客户需求被明确定义的情况 B、很难产生有意义产品的一种冒险模型 C、提供一个精确表述的形式化规格说明 D、适用于客户需求难以清楚定义的情况 2 [单选题] 下列关于增量模型的说法正确的是&#xff08; &…...

编程日记 2025/6/27 23:40:43

Java EE进阶1：导读

1.发展历程 2.学习内容 前⾯的课程中,学习的是Java基础,JavaEE主要学习Java的应用,也就是学习Java在企业中是如何应用的 Java更多场景是业务开发,更狭义点可以理解为web开发.所以咱们的学习也是围绕着如何使用Java来做web开发 2.1 什么是Web开发&#xff1f; web&#xff08…...

编程日记 2025/6/27 23:34:48

Unity自定义shader打包SpriteAtlas图集问题

Unity打包图集还是有一些坑的&#xff0c;至于图集SpriteAtlas是什么请参考我之前写的文章&#xff1a;【Sprite Atlas】Unity新图集系统SpriteAtlas超详细使用教程_spriteatlas 使用-CSDN博客 问题&#xff1a; 今天碰到的问题是&#xff0c;shader绘制的时候&#xff0c;因…...

编程日记 2025/6/27 23:13:19

系统集成项目管理工程师学习笔记之启动过程组

第十章 启动过程组 制定项目章程 定义 制定项目章程是编写一份正式批准项目并授权项目经理在项目活动中使用组织资源的文件的过程。 正式批准的项目文件 作用 1、明确项目与组织战略目标之间的直接联系 2、确立项目的正式地位 3、展示组织对项目的承诺 本过程仅开展一…...

编程日记 2025/7/11 10:06:12

vscode 常用调试

一、文件执行 python script.py {"name": "Python 调试程序: 当前文件","type": "debugpy","request": "launch","program": "${file}","console": "integratedTerminal"…...

编程日记 2025/6/30 17:27:20

Java 07异常

异常 指的是程序在编译和执行的过程中&#xff0c;出现的非正常的情况&#xff1b; 当然语法错误并不属于错误异常体系 最大的Throwable; 分为两个&#xff1a;Error ExceptionError 严重级别问题 常见的 堆内存溢出 栈内存溢出Exception 分为两个子类 RuntimeException 运…...

编程日记 2025/6/27 23:31:15

2025年PMP 学习二十三 16章 高级项目管理

2025年PMP 学习二十三 16章 高级项目管理 文章目录 2025年PMP 学习二十三 16章 高级项目管理高级项目管理战略管理战略管理的组成要素&#xff1a;企业战略转化为战略行动的阶段&#xff1a; 组织战略类型战略组织类型组织级项目管理OPM&#xff08;公司项目管理&#xff09; 组…...

编程日记 2025/6/27 23:09:02

【Java高阶面经：微服务篇】1.微服务架构核心：服务注册与发现之AP vs CP选型全攻略

一、CAP理论在服务注册与发现中的落地实践 1.1 CAP三要素的技术权衡 要素AP模型实现CP模型实现一致性最终一致性（Eureka通过异步复制实现）强一致性（ZooKeeper通过ZAB协议保证）可用性服务节点可独立响应（支持分区存活）分区期间无法保证写操作（需多数节点可用）分区容错性…...

编程日记 2025/6/27 23:01:56

ISCC 2025决赛 wp

PWN Dilemma 64位程序没有开启PIE&#xff0c;并且过滤了execve&#xff0c;不能使用system这些的了&#xff0c;所以要考虑ORW来做 进入main函数分析&#xff0c;这里有两个函数一个func_1一个func_2。 这两个函数都有漏洞&#xff0c;以下是详细分析&#xff1a; 对于func…...

编程日记 2025/7/12 15:04:50

C++（5）switch语句 循环while

这是一个电影评分的程序 default 就是 如果上述的都没有执行 就统一的执行default的内容。 然后记得break ___________________________________ 循环 &#xff08;while&#xff09; while的使用方式 输出 0-9的while循环...

编程日记 2025/6/27 0:26:37

操作系统----软考中级软件工程师（自用学习笔记）

目录 1、计算机系统层次结构 2、程序顺序执行的特征 3、程序并发执行的特征 4、三态模型 5、同步与互斥 6、信号量机制 7、PV操作 8、死锁 9、进程资源图 10、死锁避免 11、线程 12、程序局部性原理 13、分页存储管理 14、单缓冲器 15、双缓冲区 16、磁盘调度算…...

编程日记 2025/6/27 23:27:04

利用Spring Boot和Redis构建高性能缓存系统

利用Spring Boot和Redis构建高性能缓存系统 引言 在现代Web应用中&#xff0c;缓存是提升系统性能的关键技术之一。Redis作为一种高性能的内存数据库&#xff0c;广泛应用于缓存场景。本文将介绍如何利用Spring Boot和Redis构建一个高性能的缓存系统&#xff0c;涵盖Redis的基…...

编程日记 2025/6/27 23:07:05

每日一题：1、虚拟IPv4地址转换为32位整数（JS）

题目背景 我们需要处理一种特殊的虚拟IPv4地址&#xff0c;这种地址由4个小节组成&#xff0c;每节之间用#分隔。与标准IPv4地址不同&#xff0c;虚拟IPv4地址的第一节范围是1~128&#xff0c;后三节的范围是0~255。我们需要将这种虚拟IPv4地址转换为一个唯一的32位整数。如果…...

编程日记 2025/6/27 23:24:25

[Vue]组件介绍和父子组件间传值

组件介绍 Vue3的 .vue文件中的主要部分分别分为三个&#xff1a;<template>、<script>、<style> <template>&#xff1a; 结构&#xff0c;相当于原html中的<head><body><footer>部分。原本的index.html现在只做一个容器&#xff0…...

编程日记 2025/6/27 23:24:12

Vue3 中使用 provide/inject 实现跨层级组件传值失败的原因及解决方案

1、基础用法 父组件&#xff1a; <script setup> import { ref, provide } from vue; import ChildComponent from ./ChildComponent.vue; const parentData ref(初始数据); // 提供数据 provide(parentData, parentData); </script>子组件&#xff1a; <sc…...

编程日记 2025/7/9 10:30:41

Git Hooks 和 自动生成 Commit Message

前言&#xff1a; 企业编程必须始终依赖流程&#xff0c;而不是个人。个人能力很重要&#xff0c;应该鼓励&#xff0c;但不能指望它&#xff0c;否则软件质量将不一致&#xff0c;没有可持续性。一旦顶级程序员跳槽&#xff0c;公司就会陷入困境。企业应该努力改进工作流程&am…...

编程日记 2025/6/27 23:02:10

【小明剑魔视频Viggle AI模仿的核心算法组成】

Viggle AI 作为一款先进的生成式视频AI工具&#xff0c;其核心技术栈融合了多项前沿算法。以下是深度解析其核心算法架构及实现原理&#xff1a; 一、核心算法组成 1. 运动控制生成&#xff08;Motion Control Generation&#xff09; 算法框架&#xff1a;基于扩散模型&…...

编程日记 2025/6/27 23:19:59

Linux学习心得问题整理（二）

day05 Linux基础入门 Linux语法解析 如何理解ssh远程连接?如何使用ssh使用远程连接服务&#xff1f; ssh进也称远程服务终端&#xff0c;常见连接方式可以包括windows和Linux两种方式 首先咱们使用windows窗口进行连接&#xff0c;这里就采用xshell连接工具来给大家做演示吧…...

编程日记 2025/7/3 8:30:11

百度网盘加速补丁v7.14.1.6使用指南｜PC不限速下载实操教程

软件介绍 本加速补丁可突破百度网盘限速限制&#xff0c;无需会员、无次数限制&#xff0c;实测下载速度可达带宽峰值。 三步极速配置教程 1. 环境准备 → 卸载电脑原有百度网盘客户端&#xff08;避免冲突&#xff09; → 关闭杀毒软件/安全卫士&#xff08;防止误删补丁&am…...

编程日记 2025/6/27 23:17:21

RocketMQ消息拉取模式详解

RocketMQ提供了两种消息拉取模式&#xff0c;Pull模式&#xff08;主动拉取&#xff09;和 Push模式&#xff08;长轮询&#xff09;。 一、消息拉取模式分类 1. Pull模式&#xff08;主动拉取&#xff09; 特点&#xff1a;消费者主动向Broker发送请求拉取消息实现类&#…...

编程日记 2025/6/27 23:00:06

C++23 容器从其他兼容范围的可构造性与可赋值性 (P1206R7)

文章目录 背景与动机提案内容与实现细节提案 P1206R7实现细节编译器支持 对开发者的影响提高灵活性简化代码向后兼容性 总结 C23标准引入了对容器构造和赋值的新特性&#xff0c;这些特性使得容器能够更灵活地从其他兼容范围初始化&#xff0c;并支持从范围赋值。这些改进由提案…...

编程日记 2025/6/30 11:51:40

深入解析 HTTP 中的 GET 请求与 POST 请求​

在互联网的世界里&#xff0c;数据的传输与交互无时无刻不在发生。HTTP&#xff08;超文本传输协议&#xff09;作为 Web 应用的基石&#xff0c;承载着浏览器与服务器之间的通信重任。而 GET 请求和 POST 请求&#xff0c;作为 HTTP 协议中最为常用的两种请求方法&#xff0c;…...

编程日记 2025/7/12 23:38:02

华三（H3C）IRF堆叠心跳的LACP MAD、BFD MAD和ARP MAD差异

华三&#xff08;H3C&#xff09;IRF堆叠心跳的三种MAD&#xff08;多主检测&#xff09;机制——LACP MAD、BFD MAD和ARP MAD在实现原理、组网要求及适用场景上存在显著差异。以下是三者的对比分析&#xff1a; 一、核心区别对比 特性LACP MADBFD MADARP MAD检测原理扩展LAC…...

编程日记 2025/6/30 8:26:58

thread 的mutex优化

std::mutex mtx; int shared_data 0;void increment() {std::lock_guard<std::mutex> lock(mtx); // 自动加锁shared_data; // 临界区 } // 离开作用域时自动解锁std::lock_guard 在离开作用域时自动解锁的行为是基于 C 的 RAII (Resource Acquisition Is Initializa…...

编程日记 2025/7/12 23:39:40

深入解析前端 JSBridge：现代混合开发的通信基石与架构艺术

引言&#xff1a;被低估的通信革命 在移动互联网爆发式增长的十年间&#xff0c;Hybrid App&#xff08;混合应用&#xff09;始终占据着不可替代的地位。作为连接 Web 与 Native 的神经中枢&#xff0c;JSBridge 的设计质量直接决定了应用的性能上限与开发效率。本文将突破传…...

编程日记 2025/7/12 23:36:27

打破次元壁，VR 气象站开启气象学习新姿势​

在教育领域&#xff0c;VR 气象站同样发挥着巨大的作用&#xff0c;为气象教学带来了全新的模式&#xff0c;打破了传统教学的次元壁&#xff0c;让学生们以全新的姿势学习气象知识。​ 在传统的气象教学中&#xff0c;学生们主要通过课本、图片和老师的讲解来学习气象知识。这…...

编程日记 2025/7/12 23:40:28

python八股文汇总（持续更新版）

python装饰器 一、装饰器是什么&#xff1f; 装饰器是Python中一种"化妆师"&#xff0c;它能在不修改原函数代码的前提下&#xff0c;给函数动态添加新功能。 本质&#xff1a;一个接收函数作为参数&#xff0c;并返回新函数的工具。作用&#xff1a;像给手机贴膜…...

编程日记 2025/7/12 23:38:54

C#入门系列【基础类型大冒险】从0到1，解锁编程世界的“元素周期表”

C#入门系列【基础类型大冒险】从0到1&#xff0c;解锁编程世界的“元素周期表” 嘿&#xff0c;欢迎来到C#的奇妙世界&#xff01;如果把编程比作建造一座大厦&#xff0c;那么基础类型就是我们手中的“砖块”和“水泥”。它们看似普通&#xff0c;却构成了所有复杂程序的基石…...

编程日记 2025/7/12 23:39:42

物流项目第四期（运费模板列表实现）

前三期&#xff1a; 物流项目第一期&#xff08;登录业务&#xff09;-CSDN博客 物流项目第二期&#xff08;用户端登录与双token三验证&#xff09;-CSDN博客 物流项目第三期&#xff08;统一网关、工厂模式运用&#xff09;-CSDN博客 模板列表 在后台系统中&#xff0c…...

编程日记 2025/7/12 23:40:27

数据中心Overlay解决方案

文档围绕数据中心 Overlay 解决方案展开，指出数据中心向大集中、虚拟化、云业务演进，传统架构存在网络规划复杂、弹性不足、业务扩展受限等问题。Overlay 网络在物理网络上构建虚拟网络，实现名址分离、网络与物理解耦，支持业务灵活部署。方案采用VXLAN 技术（如 SDN 控制模…...

编程日记 2025/7/12 23:35:29

中级网络工程师知识点8

1.无线控制器&#xff1a;实现无线网络统一管理&#xff0c;无缝漫游 2.无线认证系统&#xff1a;实现用户使用用户名和密码认证登录&#xff0c;外来访客通过扫描二维码或者手机短信验证登录无线网络 3.POE交换机&#xff1a;实现无线AP的接入和供电 4.高密吸顶式AP&#x…...

编程日记 2025/7/12 23:42:49

【Linux笔记】——简单实习一个日志项目

&#x1f525;个人主页&#x1f525;&#xff1a;孤寂大仙V &#x1f308;收录专栏&#x1f308;&#xff1a;Linux &#x1f339;往期回顾&#x1f339;&#xff1a; 【Linux笔记】——线程同步信号量与环形队列生产者消费者模型的实现(PV操作) &#x1f516;流水不争&#xf…...

编程日记 2025/7/12 23:37:20

BRIGHTONE : 520-On-Chain WOHOO Carnival

BRIGHTONE is launching the “520-On-Chain WooHoo Carnival,” and the very first blast of $WOOHOO goes live right on schedule—ushering in a new on-chain celebration of joy! ​At exactly 21:09 on May 20, the “520-On-Chain WooHoo Carnival” officially kicks…...

编程日记 2025/7/12 23:35:28

在Java项目中集成Deepseek大语言模型实践指南

1. 引言 随着人工智能技术的发展&#xff0c;大语言模型在各领域应用日益广泛。本文将详细介绍如何在Java项目中集成Deepseek大模型&#xff0c;实现智能文本生成、对话等功能。 2. 前期准备 准备Java Spring Boot项目环境确保Maven已配置注册Deepseek账号并获取API密钥 获取a…...

编程日记 2025/7/12 23:37:22

医疗影像中，DICOM点云、三角面片实体混合渲染（VR）

此文章&#xff0c;涉及到专业性比较强&#xff0c;所以&#xff0c;大部分的内容&#xff0c;基本上都是示例代码的形式出现。以下的技术路径&#xff0c;完全经过实践验证&#xff0c;并且效果很好&#xff0c;可以放心使用。 1 概述 在医学影像中&#xff0c;对DICOM的渲染…...

编程日记 2025/6/29 8:23:36

程序运行报错分析文档

zryhuawei:~/src/modules/Connect$ ./newbuild/OpConnectAidTool \WARNING: MYSQL_OPT_RECONNECT is deprecated and will be removed in a future version. replace into process_tracking (step_id,date,status,context_data,start_time,end_time,error_log) values(?,?,?…...

编程日记 2025/7/12 23:43:31

C++数据结构——红黑树

文章目录 一、背景二、关键操作1. 旋转2. 变色3. 查找4. 插入5. 删除 三、面试考点 一、背景 红黑树&#xff08;Red-Black Tree&#xff09;是一种自平衡的二叉搜索树&#xff08;BST&#xff09;&#xff0c;通过颜色标记和旋转操作保证树的高度平衡&#xff0c;从而确保插入…...

编程日记 2025/7/12 23:41:57

【Java实战】线程池 并发 并行 生命周期（详细解释）

线程池&#xff1a; 一种复用线程的技术 不使用线程池的问题&#xff1a; 用户每提出一个需求&#xff0c;都要创建一个新的线程。 创建线程池的方法&#xff1a; JDK 5.0起提供了一个代表线程池的接口&#xff1a;ExecutorService。 方式一&#xff1a; 使用ExecutorServic…...

编程日记 2025/7/1 22:06:51

Qwen3多方位评测

一、Qwen3核心优势 结论&#xff0c;针对这些场景&#xff1a;上下文理解、任务编排、工具调用、数据要素抽取等环节&#xff0c;Qwen3-32B已接近DeepSeek-R1。 二、关键测试环节 1、上下文改写 Qwen3-32B对绝对时间语境理解优于Qwen2.5-72B。 其余改写方面&#xff0c;三…...

编程日记 2025/6/29 8:26:59

银行反欺诈理论、方法与实践总结（下）：解决方案

一、金融反欺诈防控体系 反欺诈防控体系是金融机构应对欺诈风险的重要工具&#xff0c;它通常包括事前识别、事中决策和事后处置三个关键阶段。 事前识别阶段&#xff1a;此阶段涉及欺诈情报的收集和账户安全的保护&#xff0c;通过名单和画像的构建来识别潜在风险。例如&…...

编程日记 2025/7/11 3:42:33

自回归图像编辑 EditAR: Unified Conditional Generation with Autoregressive Models

Paperhttps://arxiv.org/pdf/2501.04699 Code (coming soon) 目录 方法 实验 EditAR是一个统一的自回归框架&#xff0c;用于各种条件图像生成任务——图像编辑、深度到图像、边缘到图像、分割到图像。 next-token预测的功效尚未被证明用于图像编辑。 EditAR主要构建在Ll…...

编程日记 2025/6/28 21:57:08

Java中的集合详解

下面是文章详细介绍了 Java 集合框架的基本思路、主要接口与实现、各类集合之间的区别与各自的适用场景&#xff0c;以及一些常见的使用技巧和最佳实践&#xff0c;供你参考。 Java中的集合详解 在 Java 开发中&#xff0c;集合&#xff08;Collection&#xff09;作为存储和操…...

编程日记 2025/6/29 8:36:53

前端mjs和js文件区别，mjs和cjs区别---.es.js和.mjs的区别

https://www.cnblogs.com/jocongmin/p/18432236 同一份配置如下,一般打包出来的结果时是一样的,只不过扩展名不一样 export default defineConfig({build: {rollupOptions: {output: [// 同一份配置&#xff0c;仅扩展名不同{ format: es, entryFileNames: [name].mjs },{ fo…...

编程日记 2025/6/29 8:41:34

【深度学习】Transformer 的应用

目录 一、自然语言处理领域 1、自然语言处理领域的应用 2、BART模型 3、BERTSum模型与自动文本摘要 4、SG-Net与机器阅读理解 5、SG-Net的应用 6、总结 二、计算机视觉领域 1、图像分类 &#xff08;1&#xff09;背景与挑战 &#xff08;2&#xff09;Transformer的…...

编程日记 2025/6/29 8:33:39