前端--基础 常用标签-超链接标签 外部链接( herf 和 target)

目录

超链接标签 : 

超链接的语法格式 : 

超链接的属性 : 

超链接的分类 : 

外部链接 :  


超链接标签 : 

#  在 HTML  标签中,<a> 标签用于定义超链接,作用是从一个页面链接到另一个页面 

    简言之,就是上网时,你打开了一个页面,在你打开的这个页面里,你又点击了一个链接

    随之就跳转到另外一个页面了~!!! 

     

超链接的语法格式 : 

<a  href="跳转目标"  target="目标窗口的弹出方式">  文本或图像 </a> 

用一对 <a> 标签来包含  文字或图像, 那这个被包含的 文字或图像,就会有了超链接的功能

当你点击这个 文字或图像的时候,就会去往另外一个页面啦~! 

 超链接的属性 : 

       第一个属性 href 是必须属性,就是你点击这个链接后,要去往的页面,是去哪里呢? 

       就是这个 href 用来指定的目标页面的 url 地址 。 

       第二个属性就是 target  是指你要用什么样的方式来打开 链接后的网页页面 

       有两种方式  : 

       一种是 默认的方式 _self  ,是指在当前页面来打开,显示你要去的链接后的网页页面

       一种是 _blank  是指在 新窗口中来打开页面,就是原来的页面不关闭,当点击链接的时候

       将链接后的页面形成一个新页面打开~!! 

       

       不好理解的话,后面有示例,结合实例理解~!! 

超链接的分类 : 

外部链接和内部链接

外部链接 :  

即  一个外部网站的一个链接页面地址, 

比如,你现在在 百度页面,但是你看到了  京东商城的内容,你便点向了 京东商城,

那么,也就是说  京东的内容 对于 百度而言,那就是相当于一个 外部网站, 也就是说,外部链接

语法示例  <a href="http://www.baidu.com"> 百度 </a>

                     语法要求就是,必须是 http:// 开始(至于 https 我想应该也是可以的,强调的是

                     http:// 这种形式 ),随后接入的是 外部链接的地址 

示例 : 

我们写一个 外部链接 : 

                 

               

                如此,便显示了 去往外部链接的链接, 就是那两个字 “ 腾讯 ”

                当你点击 “ 腾讯 ” 便会跳往 腾讯的页面 

                ===>>>

              

               注意  :   在这里,我们就需要强调的是 上面讲过的一个点 就是 target 属性 

                               我们说 target 属性 默认是怎样的 ??        

                               默认就是 _self 是什么意思 ?  是在当前页面打开 

                               就是说,当前页面是啥 ? ( 就是在腾讯页面显示之前的页面 )

                               即这个页面  : 

                             

                              也就是说 把上面的内容替换成了 腾讯的页面,而不是新增加一个 新页面用来

                              显示 腾讯的页面 ~!!!  

                              这个需要注意下 ~!! 

        

       既然,我们说了 target 属性的 一个默认属性 ( _self ,即在当前页面显示链接网页) 

       那就再显示一个  _blank 为新窗口的方式  

      

      可以看到,我们加了属性 

      ===>>>

     

      然后,我们点击 腾讯 看看是不是 打开了一个新窗口 

      

      显然,是打开了一个新窗口来显示 腾讯页面的,原来的页面也是保留的 ~!!! 

      

      内部链接我们下一节讲述 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【面试高频算法解析】算法练习6 广度优先搜索

前言 本专栏旨在通过分类学习算法&#xff0c;使您能够牢固掌握不同算法的理论要点。通过策略性地练习精选的经典题目&#xff0c;帮助您深度理解每种算法&#xff0c;避免出现刷了很多算法题&#xff0c;还是一知半解的状态 专栏导航 二分查找回溯&#xff08;Backtracking&…

【C语言:可变参数列表】

文章目录 1.什么是可变参数列表2.可变参数列表的分析与使用2.1使用2.2分析原理2.3分析原码 1.什么是可变参数列表 对于一般的函数而言&#xff0c;参数列表都是固定的&#xff0c;而且各个参数之间用逗号进行分开。这种函数在调用的时候&#xff0c;必须严格按照参数列表中参数…

计算机网络(7):网络安全

网络安全问题 计算机网络上的通信面临以下的四种威胁: (1)截获(interception)攻击者从网络上窃听他人的通信内容。 (2)中断(interruption)攻击者有意中断他人在网络上的通信。 (3)篡改(modification)攻击者故意篡改网络上传送的报文。 (4)伪造(fabrication)攻击者伪造信息在网…

uniapp中uview组件库CircleProgress 圆形进度条丰富的使用方法

目录 #内部实现 #平台差异说明 #基本使用 #设置圆环的动画时间 #API #Props 展示操作或任务的当前进度&#xff0c;比如上传文件&#xff0c;是一个圆形的进度环。 #内部实现 组件内部通过canvas实现&#xff0c;有更好的性能和通用性。 #平台差异说明 AppH5微信小程…

web——德州扑克

1.此案例只用于学习 2.未接入游戏规则 HTML代码部分 <!DOCTYPE html> <html><head><meta charset"utf-8"><meta name"viewport" content"widthdevice-width"><meta name"Poker Skin" content&quo…

软件测试|深入学习 Docker Logs

简介 Docker 是一种流行的容器化技术&#xff0c;它能够帮助用户将应用程序及其依赖项打包成一个可移植的容器。Docker logs 是 Docker 提供的用于管理容器日志的命令&#xff0c;本文将深入学习 Docker logs 的使用和管理&#xff0c;帮助用户更好地监测和解决容器问题。 Do…

Python如何生成个性二维码

Python-生成个性二维码 一、问题描述 通过调用MyQR模块来实现生成个人所需二维码。 安装&#xff1a; pip install myqr 二、代码实现 1.普通二维码 from MyQR import myqr # 普通二维码 myqr.run(wordshttp://www.csdn.net/mayi0312,save_nameqrcode.png ) 效果图&#…

e2studio开发STHS34PF80人体存在传感器(1)----获取人体存在状态

e2studio开发STHS34PF80人体存在传感器.1--获取人体存在状态 概述视频教学样品申请完整代码下载主要特点硬件准备接口最小系统图新建工程工程模板保存工程路径芯片配置工程模板选择时钟设置UART配置UART属性配置设置e2studio堆栈e2studio的重定向printf设置R_SCI_UART_Open()函…

百度地图打点性能优化(海量点、mapv)

文章目录 百度地图打点性能优化&#xff08;海量点、mapv&#xff09;原因优化方法数据获取方面页面加载方面 参考资料 百度地图打点性能优化&#xff08;海量点、mapv&#xff09; 原因 在百度地图api中&#xff0c;默认的点是下图的红点 而这种点位比较多的时候&#xff0c…

关键字:super关键字

在 Java 中&#xff0c;super 关键字主要有以下两种用法&#xff1a; 在子类中调用父类的构造方法&#xff1a;当创建子类对象时&#xff0c;可以使用 super 关键字来显式调用父类的构造方法。这可以用于初始化父类的成员变量或执行父类的其他初始化操作。下面是一个示例代码&…

腾讯云2核2G3M服务器可以运行几个网站?

在探讨这个问题之前&#xff0c;我们需要先了解网站运行所需的基本资源。一个网站的运行通常需要以下几个方面的资源&#xff1a;CPU、内存、磁盘和网络。接下来&#xff0c;我们将分析这些资源在不同配置下的使用情况&#xff0c;以确定腾讯云2核2G3M服务器可以运行多少个网站…

并发(4)

目录 16.sychronized修饰方法在抛出异常时&#xff0c;会释放锁吗&#xff1f; 17.多个线程等待同一个sychronized锁的时候&#xff0c;JVM如何选择下一个获取锁的线程&#xff1f; 18.sychronized是公平锁吗&#xff1f; 19.volatile关键字的作用是什么&#xff1f; 20.vo…

基于日照时数计算逐日太阳辐射

基于日照时数计算逐日太阳辐射

分布式【Zookeeper】

1.1 ZooKeeper 是什么 ZooKeeper 是 Apache 的顶级项目。ZooKeeper 为分布式应用提供了高效且可靠的分布式协调服务&#xff0c;提供了诸如统一命名服务、配置管理和分布式锁等分布式的基础服务。在解决分布式数据一致性方面&#xff0c;ZooKeeper 并没有直接采用 Paxos 算法&…

安全加固之weblogic屏蔽T3协议

一、前言 开放weblogic控制台的7001端口&#xff0c;默认会开启T3协议服务&#xff0c;T3协议则会触发的Weblogic Server WLS Core Components中存在反序列化漏洞&#xff0c;攻击者可以发送构造的恶意T3协议数据&#xff0c;获取目标服务器权限。 本文介绍通过控制T3协议的访问…

vue3 的内置组件汇总

官方给出的说明&#xff1a; Fragment: Vue 3 组件不再要求有一个唯一的根节点&#xff0c;清除了很多无用的占位 div。Teleport: 允许组件渲染在别的元素内&#xff0c;主要开发弹窗组件的时候特别有用。Suspense: 异步组件&#xff0c;更方便开发有异步请求的组件。 一、fr…

商品砍价系统设计原理与实践:技术解析与注意事项

&#x1f604; 19年之后由于某些原因断更了三年&#xff0c;23年重新扬帆起航&#xff0c;推出更多优质博文&#xff0c;希望大家多多支持&#xff5e; &#x1f337; 古之立大事者&#xff0c;不惟有超世之才&#xff0c;亦必有坚忍不拔之志 &#x1f390; 个人CSND主页——Mi…

SpringBoot 调用mybatis报错:Invalid bound statement (not found):

启动SpringBoot报错&#xff1a;Invalid bound statement (not found): 参考此文排查 命中了第6条 记录一手坑爹的Invalid bound statement (not found)&#xff08;六个方面&#xff09; mapper文件路径配置错误 订正以后 问题解决

GLSL着色器入门(持续更新中...)

目录 第一章&#xff1a;OpenGL works with triangles 第二章&#xff1a; Parallel Processing 第章 推荐来自b站的课程004 GLSL is not Javascript_哔哩哔哩_bilibili 第一章&#xff1a;OpenGL works with triangles 当我们谈论GLSL着色器时&#xff0c;其实就是在说怎么…

开发个小破软件——网址导航,解压就能用

网址导航 网站导航也称链接目录&#xff0c;将网站地址或系统地址分类&#xff0c;以列表、图文等形式呈现&#xff0c;帮助快速找到需要的地址。 应用场景 高效查找&#xff1a;网址导航是很好的入口&#xff0c;通过分类清晰的网站推荐&#xff0c;可以迅速访问网站资源。…