a元素使用

a元素

超链接元素,href属性中指定的网址如果不是以https或者http开头的,那么都是一个相对网址,他的绝对路径目录是当前网址的绝对路径的目录部分
href – hyper(超级的) reference(引用) – 跳转地址,他可以跳转如下几个位置:
target – 表示跳转窗口位置
跳转网址:<a href="www.baidu.com">百度</a>

路径的写法

站内资源和站外资源

站内资源:当前网站的资源
站外资源:非当前网站的资源

绝对路径和相对路径

相对路径的相对是相对当前打开网页的目录,而不是nginx配置的目录
绝对路径书写格式:协议名称://主机名:端口/路径
协议名称:https,http,file(本地文件)
主机名:域名、IP
端口:就是端口,有些时候会看到只有主机名没有端口,那是因为端口省略了,省略的端口根据不同协议有不同的默认端口号:如https的默认端口号为443;http的默认端口号为80。
路径:就是主机的绝对路径,如果使用了nginx服务器,由于nginx服务器会对路径进行处理,因此网址的路径就变成了nginx设置的目录下的一个相对路径。

href

跳转本页锚点

id:是个全局属性,标识元素在文档中的唯一编号,要唯一

<a href="#part1">章节1</a><h2 id="part1">章节1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam beatae dolor dolorem esse, harum illoincidunt laboriosam numquam porro quae reiciendis repellat reprehenderit rerum saepe similique tempore velitveniam.</p>

跳转其他页面的某个锚点

<a href="a_sub_example.php#part1">章节1</a>

回到顶部

当href只有一个#,没有指定id的时候,那么就是回到顶部

<a href="#">回到顶部</a>

功能链接

点击后出发某个功能

  • 执行JS代码

    <a href="javascript:alert('你好')">弹出你好</a>
    
  • 发送邮件,这个要求计算机安装有邮件发送软件

    <a href="mailto:xxx@163.com">发送邮件</a>
    
  • 拨号,要求计算机安装有拨号软件,或使用移动端

    <a href="tel:xxxxxxxxxxx">拨号</a>
    

target

表示跳转窗口位置

<a href="a_sub_example.php" target="_blank">在另外一个窗口上打开目标页面</a>
<a href="a_sub_example.php" target="_self">在本窗口上直接打开目标页面,默认方式</a>

title

提示信息,鼠标移动上去就显示提示

<a href="a_sub_example.php" target="_blank" title="title info">在另外一个窗口上打开目标页面</a>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/44785.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

08.SpringBoot请求相应

文章目录 1 请求1.1 Postman1.2 简单参数1.2.1 原始方式1.2.2 SpringBoot方式1.2.3 参数名不一致 1.3 实体参数1.3.1 简单实体对象1.3.2 复杂实体对象 1.4 数组集合参数1.4.1 数组1.4.2 集合 1.5 日期参数1.6 JSON参数1.7 路径参数 2 响应2.1 ResponseBody注解2.2 统一响应结果…

GAN!生成对抗网络GAN全维度介绍与实战

目录 一、引言1.1 生成对抗网络简介1.2 应用领域概览1.3 GAN的重要性 二、理论基础2.1 生成对抗网络的工作原理2.1.1 生成器生成过程 2.1.2 判别器判别过程 2.1.3 训练过程训练代码示例 2.1.4 平衡与收敛 2.2 数学背景2.2.1 损失函数生成器损失判别器损失 2.2.2 优化方法优化代…

收集的一些比较好的git网址

1、民间故事 https://github.com/folkstory/lingqiu/blob/master/%E4%BC%A0%E8%AF%B4%E9%83%A8%E5%88%86/%E4%BA%BA%E7%89%A9%E4%BC%A0%E8%AF%B4/%E2%80%9C%E6%B5%B7%E5%BA%95%E6%8D%9E%E6%9C%88%E2%80%9D%E7%9A%84%E6%AD%A6%E4%B8%BE.md 2、童话故事 https://gutenberg.org/c…

12. Docker可视化工具

目录 1、前言 2、Docker UI 2.1、部署Docker UI 2.2、管理容器 3、Portainer 3.1、部署Portainer 3.2、管理容器 3.3、添加远程Docker 4、Shipyard 1、前言 Docker 提供了命令行工具来管理 Docker 的镜像和运行 Docker 的容器。我们也可以使用图形工具来管理 Docker。…

【华为OD机试】GPU算力【2023 B卷|100分】

【华为OD机试】-真题 !!点这里!! 【华为OD机试】真题考点分类 !!点这里 !! 题目解析 为了充分发挥GPU算力,需要尽可能多的将任务交给GPU执行,现在有一个任务数组, 数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。 假设GPU最多一次执行n个任务,一次执行耗时…

计算之魂思考题1.4赛跑问题

一、问题 假设由25名短跑者争夺比赛前三名&#xff0c;赛场上有5条赛道&#xff0c;一次可以有5名选手同时比赛。比赛不计时&#xff0c;只看相应名次。假设选手发挥稳定&#xff0c;也就是说如果约翰比张三跑得快&#xff0c;张三比凯莉跑得快&#xff0c;那么约翰一定比凯莉…

Three.js之几何体、高光材质、渲染器设置、gui

参考资料 阵列立方体和相机适配体验Threejs常见几何体简介…gui.js库(可视化改变三维场景) 知识点 注&#xff1a;基于Three.jsv0.155.0 长方体&#xff1a;oxGeometry球体&#xff1a;SphereGeometry圆柱&#xff1a;CylinderGeometry矩形平面&#xff1a;PlaneGeometry圆…

C# 观察者模式

一、概述 观察者模式是一种常用的设计模式&#xff0c;它属于行为型模式。在C#中&#xff0c;观察者模式通过定义一种一对多的依赖关系&#xff0c;使得当一个对象的状态发生变化时&#xff0c;所有依赖于它的对象都会得到通知并自动更新。这种模式可以实现松耦合&#xff0c;…

Ribbon负载均衡

Ribbon与Eureka的关系 Eureka的服务拉取与负载均衡都是由Ribbon来实现的。 当服务发送http://userservice/user/xxxhtt://userservice/user/xxx请求时&#xff0c;是无法到达userservice服务的&#xff0c;会通过Ribbon会把这个请求拦截下来&#xff0c;通过Eureka-server转换…

常见排序集锦-C语言实现数据结构

目录 排序的概念 常见排序集锦 1.直接插入排序 2.希尔排序 3.选择排序 4.堆排序 5.冒泡排序 6.快速排序 hoare 挖坑法 前后指针法 非递归 7.归并排序 非递归 排序实现接口 算法复杂度与稳定性分析 排序的概念 排序 &#xff1a;所谓排序&#xff0c;就是使一串记录&#…

排名前 6 位的数学编程语言

0 说明 任何对数学感兴趣或计划学习数学的人&#xff0c;都应该至少对编程语言有一定的流利程度。您不仅会更有就业能力&#xff0c;还可以更深入地理解和探索数学。那么你应该学习什么语言呢&#xff1f; 1.python 对于任何正在学习数学的人来说&#xff0c;Python都是一门很棒…

【Linux从入门到精通】动静态库的原理与制作详解

本篇文章主要是围绕动静态库的原理与制作进行展开讲解的。其中涉及到了inode的概念引入和软硬连接的讲解。会结合实际操作对这些抽象的概念进行解释&#xff0c;希望会对你有所帮助。 文章目录 一、inode 概念 二、软硬链接 2、1 软连接 2、2 硬链接 三、动静态库概念 3、1 静态…

【类和对象】

class 类 类存在两种定义方式&#xff1a; 1、声明和定义全部放在类当中 2、声明放在.h文件中&#xff0c;定义放在.cpp文件中访问限定符 public&#xff08;公有&#xff09;&#xff1a;类内与类外都可以访问 protected&#xff08;保护&#xff09;&#xff1a;类内访问 …

高防服务器的防御机制

高防服务器的防御机制 易受到GJ的网站选择接入高防服务更安全&#xff0c;大家对于这个都清楚!但是对于高防服务如何实现防御来保障安全的&#xff0c;又了解多少呢?今天壹基比小源&#xff08;贰伍壹叁壹叁壹贰玖捌&#xff09;就来说说高防服务实现防御的常规方法一般有以下…

编织梦想:SpringBoot AOP 教程与自定义日志切面完整实战

什么是 AOP AOP 是指通过预编译方式和运行期动态代理的方式&#xff0c;在不修改源代码的情况下对程序进行功能增强的一种技术。AOP 不是面向对象编程&#xff08;OOP&#xff09;的替代品&#xff0c;而是 OOP 的补充和扩展。它是一个新的维度&#xff0c;用来表达横切问题&a…

常见前端基础面试题(HTML,CSS,JS)(三)

JS 中如何进行数据类型的转换&#xff1f; 类型转换可以分为两种&#xff0c;隐性转换和显性转换 显性转换 主要分为三大类&#xff1a;数值类型、字符串类型、布尔类型 三大类的原始类型值的转换规则我就不一一列举了 数值类型&#xff08;引用类型转换&#xff09; Numbe…

设计模式之状态模式(State)的C++实现

1、状态模式的提出 在组件功能开发过程中&#xff0c;某些对象的状态经常面临变化&#xff0c;不同的状态&#xff0c;其对象的操作行为不同。比如根据状态写的if else条件情况&#xff0c;且这种条件变化是经常变化的&#xff0c;这样的代码不易维护。可以使用状态模式解决这…

NOIP真题答案 数字游戏 优秀的拆分

数字游戏 说明 小 K 同学向小 P 同学发送了一个长度为 8 的 01 字符串来玩数字游戏&#xff0c;小 P 同学想 要知道字符串中究竟有多少个 1。注意&#xff1a;01 字符串为每一个字符是 0 或者 1 的字符串&#xff0c;如“101”&#xff08;不含双引号&#xff09;为一 个长度为…

如何在window下cmd窗口执行linux指令?

1.Git&#xff1a;https://git-scm.com/downloads(官网地址) 2.根据自己的实际路径,添加两个环境变量 3.重启电脑

删除有序链表中重复的元素-II(链表)

乌&#xff01;蒙&#xff01;山&#xff01;连&#xff01;着&#xff01;山&#xff01;外&#xff01;山&#xff01; 题目&#xff1a; 思路&#xff1a; 双指针&#xff0c;slow和fast&#xff0c;并且增加标记flag初始为1。 如果slow指向节点值等于fast指向节点值&…