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

5、超链接标签

news 2026/5/14 8:20:35

5、超链接标签

超链接标签就是我们常说的a标签

<a href="path" target="目标窗口位置">连接文本或图像</a>
<!--
href（必填项）：连接路径
target：连接在哪个窗口打开？是在新页面打开还是在当前页面打开常用值：_self在当前页面打开_blank在新页面打开
-->

一、页面间连接

（一）文字超链接

<a href="1.我的第一个网页.html">跳转到我的第一个网页</a>
<a href="https://www.baidu.com">跳转到百度</a>

（二）图片超链接

<!--图片超链接-->
<a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300">
</a>

二、锚链接

锚链接也是“a标签”，但是他需要配合一些属性来使用，比如回到顶部、回到底部

  1. 需要一个标记：使用a标签的name属性作为标记
  2. 跳转到标记：通过#+标记名字跳转到锚链接位置

需要用“#”来跳转

回到顶部

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>链接标签学习</title>
</head>
<body>
<!--使用name属性作为标记-->
<a name="top"></a>
<!--a标签
href（必填项）：连接路径，表示要跳转到哪个页面
target：连接在哪个窗口打开？是在新页面打开还是在当前页面打开常用值：_self在当前页面打开，也就是在自己的页面打开_blank在新标签打开-->
<a href="1.我的第一个网页.html">跳转到我的第一个网页</a>
<a href="https://www.baidu.com">跳转到百度</a>
<br/><!--图片超链接-->
<a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300">
</a><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300"></a>
</p>
<p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300"></a>
</p>
<p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300"></a>
</p><!--锚链接-->
<a href="#top">回到顶部</a>
</body>
</html>

三、功能性连接

（一）邮件链接

mailto

<!--邮件链接
mailto
-->
<a href="mailto:******@qq.com">联系邮箱</a>

（二）QQ推广

  1. 搜索QQ推广，上官网
  2. 在推广工具中自动生成a标签源代码

相关文章：

5、超链接标签

5、超链接标签 超链接标签就是我们常说的a标签 <a href"path" target"目标窗口位置">连接文本或图像</a> <!-- href&#xff08;必填项&#xff09;&#xff1a;连接路径 target&#xff1a;连接在哪个窗口打开&#xff1f;是在新页面打开…...

编程日记 2023/9/30 5:40:23

CCF CSP认证历年题目自练 Day15

CCF CSP认证历年题目自练 Day15 题目一 试题编号&#xff1a; 201709-1 试题名称&#xff1a; 打酱油 时间限制&#xff1a; 1.0s 内存限制&#xff1a; 256.0MB 问题描述&#xff1a; 问题描述 　　小明带着N元钱去买酱油。酱油10块钱一瓶&#xff0c;商家进行促销&#xf…...

编程日记 2023/9/30 5:39:22

APP的收费模式及特点

移动应用&#xff08;APP&#xff09;的收费模式多种多样&#xff0c;可以根据开发者的需求、目标受众和应用的性质来选择。以下是一些常见的APP收费模式及其特点&#xff0c;希望对大家有所帮助。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎…...

编程日记 2023/9/30 5:38:20

opencv： 解决保存视频失败的问题

摘要&#xff1a;opencv能读取视频&#xff0c;但保存视频时报错。 一、首先要确保已经下载了openh264.dll文件&#xff0c;否则保存的视频无法打开&#xff0c;详细可以浏览这个&#xff1a;opencv&#xff1a;保存视频。 二、保存视频时出现一下问题&#xff1a; OpenCV:…...

编程日记 2023/9/30 5:34:13

源码编译安装zstd

目录 1 下载源码https://github.com/facebook/zstd 2 解压 3 在解压后的目录里输入make 4 sudo make install 安装完毕 5 输入whereis zstd 检查安装结果 1 下载源码https://github.com/facebook/zstd 2 解压 3 在解压后的目录里输入make 4 sudo make install 安装完毕…...

编程日记 2023/9/30 5:31:10

LabVIEW开发实时自动化多物镜云计算全玻片成像装置

LabVIEW开发实时自动化多物镜云计算全玻片成像装置 数字病理学领域正在迅速发展&#xff0c;这主要是由于计算机处理能力、数据传输速度、软件创新和云存储解决方案方面的技术进步。因此&#xff0c;病理科室不仅将数字成像用于图像存档等简单任务&#xff0c;还用于远程病理学…...

编程日记 2023/9/30 5:30:10

【深度学习实验】卷积神经网络（二）：自定义简单的二维卷积神经网络

目录 一、实验介绍 二、实验环境 1. 配置虚拟环境 2. 库版本介绍 三、实验内容 0. 导入必要的工具包 1. 二维互相关运算&#xff08;corr2d&#xff09; 2. 二维卷积层类&#xff08;Conv2D&#xff09; a. __init__&#xff08;初始化&#xff09; b. forward(前向传…...

编程日记 2023/9/30 5:29:08

Socket网络编程练习题三：客户端上传文件到服务器

题目 客户端&#xff1a;将本地文件上传到服务器&#xff0c;接收服务器的反馈服务端&#xff1a;接收客户端上传的文件&#xff0c;上传完毕之后给出反馈 代码实战 1、客户端代码 package com.heima;import java.io.*; import java.net.Socket;public class Client {publi…...

编程日记 2023/9/30 5:28:07

Excel技巧之【锁定工作簿】

Excel工作簿是Excel工作区中一个或多个工作表的集合&#xff0c;我们知道Excel可以设置锁定工作表&#xff0c;防止意外或被他人修改&#xff0c;但可能有小伙伴不知道&#xff0c;Excel工作簿也同样可以设置锁定&#xff0c;防止更改。 那工作簿锁定后会怎么样呢&#xff1f;…...

编程日记 2023/9/30 5:27:06

用于自然语言处理的 Python：理解文本数据

一、说明 Python是一种功能强大的编程语言&#xff0c;在自然语言处理&#xff08;NLP&#xff09;领域获得了极大的普及。凭借其丰富的库集&#xff0c;Python 为处理和分析文本数据提供了一个全面的生态系统。在本文中&#xff0c;我们将介绍 Python for NLP 的一些基础知识&…...

编程日记 2023/9/30 5:26:05

历史服务器

二、配置历史服务器 在spark-3.1.1-bin-hadoop2.7/conf/spark-defaults.conf添加以下配置&#xff0c;其中d:/log/spark为日志保存位置 spark.eventLog.enabled true spark.eventLog.dir file:///d:/log/spark spark.eventLog.compress true spark.history.fs.logDirectory fil…...

编程日记 2023/9/30 5:25:02

竞赛无人机搭积木式编程（四）---2023年TI电赛G题空地协同智能消防系统（无人机部分）

竞赛无人机搭积木式编程&#xff08;四&#xff09; ---2023年TI电赛G题空地协同智能消防系统&#xff08;无人机部分&#xff09; 无名小哥 2023年9月15日 赛题分析与解题思路综述 飞控用户在学习了TI电赛往届真题开源方案以及用户自定义航点自动飞行功能方案讲解后&#x…...

编程日记 2023/9/30 5:24:01

深入理解JavaScript中的事件冒泡与事件捕获

在JavaScript中&#xff0c;事件是交互式网页开发中的关键概念之一。了解事件冒泡和事件捕获是成为一名优秀的前端开发者所必需的技能之一。本文将深入探讨这两个概念&#xff0c;解释它们是如何工作的&#xff0c;以及如何在实际应用中使用它们来处理事件。 一.什么是事件冒泡…...

编程日记 2023/9/30 5:21:59

纯css html 真实水滴效果

惯例,不多说直接上图 秉承着开源精神,我们将这段代码无私地分享给大家&#xff0c;因为我们深信&#xff0c;信息的共享和互相学习是推动科技进步的关键。我们鼓励大家在使用这段代码的同时&#xff0c;也能够将其中的原理、思想和经验分享给更多的人。 这份代码是我们团队用心…...

编程日记 2023/9/30 5:20:57

HBASE集群主节点迁移割接手动操作步骤

HBASE集群主节点迁移割接手动操作步骤 HBASE集群主节点指的是包含zk、nn、HM和rm服务的节点&#xff0c;一般这类服务都是一起复用在同一批节点上&#xff0c;我把这一类节点统称为HBASE集群主节点。 本文中使用了rsync、pssh等工具&#xff0c;这类是开源的&#xff0c;自己…...

编程日记 2023/9/30 5:19:56

TRB爆仓分析，套利分析，行情判断！

毫无疑问昨日TRB又成为涨幅榜的明星&#xff0c;总结下来&#xff0c;多军赚麻&#xff0c;空头爆仓&#xff0c;套利爽歪歪&#xff01; 先说风险最小的套利情况&#xff0c;这里两种套利都能实现收益。 现货与永续合约的资金费率套利年化资金费率达到惊人的3285%——DeFi的…...

编程日记 2023/9/30 5:18:55

LVGL - RV1109 LVGL UI刷新效率优化-02

说明 前面好早写过一个文章&#xff0c;说明如何把LVGL移到RV1109上的操作&#xff0c;使用DRM方式&#xff01;但出现刷新效率不高的问题&#xff01; 因为一直没有真正的应用在产品中&#xff0c;所以也就放下了&#xff01; 最近开发上需要考虑低成本&#xff0c;低内存的…...

编程日记 2023/9/30 5:17:54

5、布局管理器

5、布局管理器 一、流式布局 package com.dryant.lesson1;import java.awt.*;public class TestFlowLayout {public static void main(String[] args) {Frame frame new Frame();Button button1 new Button("bt1");Button button2 new Button("bt2");…...

编程日记 2023/9/30 5:14:48

What is a UDP Flood Attack?

用户数据报协议 &#xff08;UDP&#xff09; 是计算机网络中使用的无连接、不可靠的协议。它在互联网协议 &#xff08;IP&#xff09; 的传输层上运行&#xff0c;并提供跨网络的快速、高效的数据传输。与TCP&#xff08;其更可靠的对应物&#xff09;不同&#xff0c;UDP不提…...

编程日记 2023/9/30 5:13:47

多核 ARM Server 性能调优

概述 thinkforce ARM Server是多核心ARM服务器&#xff0c;硬件环境资源如下&#xff1a; CPU信息如下: yuxunyuxun:/$ lscpu Architecture: aarch64 CPU op-mode(s): 32-bit, 64-bit Byte Order: Little Endian …...

编程日记 2023/9/30 5:11:44

基于Next.js urborepo的企业级电商全栈架构实战解析

1. 项目概述与核心价值最近在梳理企业级电商项目的技术选型与架构方案&#xff0c;发现了一个非常值得深入研究的开源项目——Blazity/enterprise-commerce。这不仅仅是一个简单的电商模板&#xff0c;而是一个基于Next.js 14、TypeScript和Turborepo构建的现代化、全栈式企业级…...

编程新知 2026/5/14 8:02:20

claw-installer：构建自动化部署脚本的工程实践与设计哲学

1. 项目概述与核心价值最近在折腾一个挺有意思的开源项目&#xff0c;叫claw-installer。这名字乍一看有点抽象&#xff0c;但如果你对自动化部署、特别是那些需要处理复杂依赖和配置的应用感兴趣&#xff0c;那这个工具很可能就是你一直在找的“瑞士军刀”。简单来说&#xff…...

编程新知 2026/5/14 7:51:02

VRoid Studio中文汉化终极指南：5步完成界面中文化

VRoid Studio中文汉化终极指南&#xff1a;5步完成界面中文化 【免费下载链接】VRoidChinese VRoidStudio汉化插件 项目地址: https://gitcode.com/gh_mirrors/vr/VRoidChinese VRoid Studio中文汉化插件是专为中文用户设计的开源解决方案&#xff0c;能够将VRoid Studi…...

编程新知 2026/5/14 6:58:37

仅限首批GA客户开放！Gemini Advanced for Workspace隐藏API接口曝光（含/alpha/v2beta1/insights endpoints调用凭证获取路径）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Gemini Advanced for Workspace隐藏API的GA权限边界与合规性初探 Gemini Advanced for Workspace&#xff08;GAWS&#xff09;虽未正式开放全部后端接口文档&#xff0c;但通过网络流量分析与OAuth 2.…...

编程新知 2026/5/14 6:42:50

嵌入式固件开发知识体系构建：从硬件交互到系统级设计

1. 固件开发者知识体系构建&#xff1a;从“会写代码”到“懂系统”干了十几年嵌入式&#xff0c;我越来越觉得&#xff0c;固件开发这行&#xff0c;光会调库、写业务逻辑是远远不够的。你写的每一行代码&#xff0c;最终都要在真实的物理世界里跑起来&#xff0c;要和传感器、…...

编程新知 2026/5/14 6:20:56

Symbol Opener：基于URI与LSP实现终端代码符号一键跳转

1. 项目概述&#xff1a;一个能让你在终端里“点击”代码符号的插件 如果你和我一样&#xff0c;每天大部分时间都泡在终端里&#xff0c;那你肯定遇到过这个场景&#xff1a;运行 git log 或者 grep 命令&#xff0c;终端输出了一堆函数名、类名&#xff0c;你想立刻跳转…...

编程新知 2026/5/14 5:38:06

hover-effect 性能优化：确保你的 WebGL 扭曲效果流畅运行

hover-effect 性能优化&#xff1a;确保你的 WebGL 扭曲效果流畅运行 【免费下载链接】hover-effect Javascript library to draw and animate images on hover 项目地址: https://gitcode.com/gh_mirrors/ho/hover-effect hover-effect 是一款基于 WebGL 的 JavaScript…...

编程新知 2026/5/14 4:17:38

2026届学术党必备的十大AI写作网站解析与推荐

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 针对AI领域当中的那批研究者&#xff0c;以及高校里的老师和学生&#xff0c;还有产业方面的…...

编程新知 2026/5/14 4:02:50

3分钟掌握Windows文件占用检测：PowerToys File Locksmith终极解决方案

3分钟掌握Windows文件占用检测&#xff1a;PowerToys File Locksmith终极解决方案 【免费下载链接】PowerToys Microsoft PowerToys is a collection of utilities that supercharge productivity and customization on Windows 项目地址: https://gitcode.com/GitHub_Trendi…...

编程新知 2026/5/14 2:53:48

金属表面缺陷智能检测新突破

篇名问题&#xff0c;背景方法结论金属表面缺陷自适应分割算法1.金属表面划痕 2.金属表面凹凸 3.金属表面污点 4.金属表面刮擦 5.金属表面裂纹2.1多方向灰度波动分析 2.2领域灰度差分割算法 2.3PCA法图像压缩本文算法与其他算法相比&#xff0c;具有通用性好、分割准确度高等优…...

编程新知 2026/5/14 2:34:40