前端--基础 常用标签-超链接标签 外部链接( 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.mzph.cn/news/601497.shtml

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

相关文章

crontab任务调度

定时任务管理工具 crontab是Linux系统下的一个定时任务管理工具&#xff0c;用于执行定期的任务。它会按照预定的时间执行指定的任务&#xff0c; 可以在后台自动运行Linux下的任务调度分为两类 系统任务调度&#xff0c;Linux系统任务是由 cron (crond) 这个系统服务来控制的…

cookie和session、请求转发和重定向

会话 分为有状态会话和无状态会话 在HTML中&#xff0c;"会话"一般指的是Web服务器与客户端&#xff08;通常是浏览器&#xff09;之间进行的一系列请求和响应。它是一种在网络上模拟人与人之间通信的方式&#xff0c;常见于Web应用程序中。 会话、Cookie和Sessio…

(Python + Selenium4)Web自动化测试自学Day2之动手尝试

目录 文章声明⭐⭐⭐让我们开始今天的学习吧&#xff01;小试牛刀关于select标签关于弹窗只有一个点击按钮的弹窗需要确认的弹窗用户可以输入的弹窗 文章声明⭐⭐⭐ 该文章为我&#xff08;有编程语言基础&#xff0c;非编程小白&#xff09;的 Python Selenium4 Web自动化测试…

Servlet 3.0的异步处理

1、传统Servlet处理 Web容器会为每个请求分配一个线程&#xff0c;默认情况下&#xff0c;响应完成前&#xff0c;该线程占用的资源都不会被释放。若有些请求需要长时间(例如长处理时间运算、等待某个资源)&#xff0c;就会长时间占用线程所需资源&#xff0c;若这类请求很多&…

2023我的编程之旅,一年总结与展望

目录 印象深刻的实战经历 系统学习新技术的心得体会 想要安利给所有人的开发工具&#xff1a;VS Code 对技术行业的深度思考 职业规划与心灵成长 职场经历与升职感悟 编程语言的新趋势 我的最大收获与成长:团队&#xff0c;平台 我的技术发展规划 印象深刻的实战经历 …

印象笔记02: 笔记本管理系统和空间使用

印象笔记02&#xff1a; 笔记本管理系统和空间使用 印象笔记新建笔记是一件非常容易的事情。笔记多了&#xff0c;就是归纳到笔记本里。 印象笔记一共有三层的笔记结构&#xff1a;最高层级是笔记本组&#xff0c;其次是笔记本&#xff0c;最后是一个个的笔记。合理的分类能够…

【计算机毕业设计】SSM在线化妆品网站

项目介绍 本项目为前后台项目&#xff0c;前台为普通用户登录&#xff0c;后台为管理员登录&#xff1b; 管理员角色包含以下功能&#xff1a; 管理员登录,分类管理,产品管理,用户管理,订单管理等功能。 用户角色包含以下功能&#xff1a; 提交订单,用户登录,用户首页,查看…

产品ESD测试

ESD(Electrical Static Discharge)产生的原因多种多样&#xff0c;对集成电路放电的方式也有所不同。为了保证集成电路产品的良率&#xff0c;提高可靠性&#xff0c;需要对电路ESD防护能力进行测试。一般测试分为两类&#xff1a;样品研究型测试和产品通过型测试&#xff1a; …

CHS_01.1.1.1+1.1.3+操作系统的概念、功能

CHS_01.1.1.11.1.3操作系统的概念、功能 操作系统的概念和定义那我们看一下我们现在所使用的电脑是怎么样一步一步变成我们现在看到的这个样子的操作系统 它是计算机系统当中最基本的系统软件 操作系统 它要向上层提供方便应用的服务 这是什么意思呢我们先来看第一种联机命令接…

vue父组件给子组件传值,子组件不渲染的原因及解决方法

父组件传递给子组件的数据&#xff0c;如果是一个复杂对象&#xff08;例如一个数组或对象&#xff09;&#xff0c;那么子组件只会监听对象的引用而不是对象的内容。这意味着当对象的内容发生变化时&#xff0c;子组件不会更新。 解决&#xff1a; 1、在子组件使用 watch 监听…

配置文件的创建和部署

配置描述文件&#xff08;Configuration Profiles&#xff09;的格式为xml&#xff0c;其提供了一个非常容易的方式去给电脑、移动设备或用户定义一些设置或限制&#xff0c;你可以使用Jamf Pro去创建这样的配置文件。 &#xff08;配置文件的负载&#xff09; 有关配置文件的配…

PyTorch|一些简单操作

在使用PyTorch构建自己的神经网络时&#xff0c;灵活度非常大&#xff0c;这给了用户更多的发挥空间&#xff0c;这里介绍一些简单的操作。 1&#xff0c;获取所安装PyToch版本 >>> torch.__version__1.11.0 2&#xff0c;判断Cuda在我们的系统上是否可用​​​​​​…

【电源专题】电池充放电中常说的0.2C是什么概念

在工作中我们时常会听到老员工说拿这个电池去做一下充放电,以0.2C充,0.2C放。那么这个0.2C到底是啥? 这就要说到电池C-rate概念。在《GB 31241:便携式电子产品用锂离子电池和电池安全要求》中我们可以看到3.7中写了额定容量为C,也就是制造商标明的电池或电池组容量。 那么…

Java经典框架之Zookeeper

Zookeeper Java 是第一大编程语言和开发平台。它有助于企业降低成本、缩短开发周期、推动创新以及改善应用服务。如今全球有数百万开发人员运行着超过 51 亿个 Java 虚拟机&#xff0c;Java 仍是企业和开发人员的首选开发平台。 课程内容的介绍 1. Zookeeper的介绍和安装 2. …

程序性能优化全能手册

本文聊一个程序员都会关注的问题&#xff1a;性能。 当大家谈到“性能”时&#xff0c;你首先想到的会是什么&#xff1f; 是每次请求需要多长时间才能返回&#xff1f; 是每秒钟能够处理多少次请求&#xff1f; 还是程序的CPU和内存使用率高不高&#xff1f; 这些问题基本上…

Visual Studio Code安装C#开发工具包并编写ASP.NET Core Web应用

前言 前段时间微软发布了适用于VS Code的C#开发工具包&#xff08;注意目前该包还属于预发布状态但是可以正常使用&#xff09;&#xff0c;因为之前看过网上的一些使用VS Code搭建.NET Core环境的教程看着还挺复杂的就一直没有尝试使用VS Code来编写.NET Core。不过听说C# 开发…

C语言中栈的表示和实现

在 C 编程语言中&#xff0c;可以使用数组或链表实现堆栈。这两种实现都有其优点和注意事项&#xff0c;因此让我们探讨这两种方法。 1. 使用数组的堆栈实现&#xff1a; 在此实现中&#xff0c;我们使用数组来表示堆栈。数组将具有固定大小&#xff0c;变量将跟踪堆栈的顶…

uniapp获取定位

Uniapp 是一种跨平台应用开发框架&#xff0c;它能够快速地构建出针对不同平台的应用程序。在Uniapp中&#xff0c;实现定位功能也变得十分简单&#xff0c;只需要简单的配置就能轻松实现。 一、高德地图根据指定位置获取经纬度 参考地址&#xff1a;地理/逆地理编码-基础 API…

C++结合OpenCV:图像的基本表示方法

1.二值图像 二值图像是指仅仅包含黑色和白色两种颜色的图像。在计算机中&#xff0c;通过一个栅格状排列的数据集&#xff08;矩阵&#xff09;来表示和处理图像。例如&#xff0c;图1是一个字母A的图像&#xff0c;计算机在处理该图像时&#xff0c;会首先将其划分为一个个的小…

6 网关和配置服务器

文章目录 网关模式Spring Cloud网关Spring Cloud网关微服务其他项目的变更运行和测试小结 运行状况Spring Boot Actuator在微服务中包含Actuator 服务发现和负载均衡ConsulSpring Cloud ConsulSpring Cloud负载均衡器网关中的服务发现和负载均衡使用服务发现和负载均衡 环境配置…