前端--基础 常用标签-超链接标签 外部链接( 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,一经查实,立即删除!

相关文章

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;若这类请求很多&…

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

配置文件的创建和部署

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

【电源专题】电池充放电中常说的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++结合OpenCV:图像的基本表示方法

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

6 网关和配置服务器

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

数据库开发之事务和索引的详细解析

2. 事务 场景&#xff1a;学工部整个部门解散了&#xff0c;该部门及部门下的员工都需要删除了。 操作&#xff1a; -- 删除学工部 delete from dept where id 1; -- 删除成功 ​ -- 删除学工部的员工 delete from emp where dept_id 1; -- 删除失败&#xff08;操作过程中…

windows下载官方正版notepad++

一、前言 notepad是一款非常好用的编辑器&#xff0c;简洁、快速、高效。可是很多时候我们想去官网下载时&#xff0c;百度出来的都是一堆第三方下载地址&#xff0c;捆绑流氓软件&#xff0c;要么就是付费&#xff0c;作为一款优秀开源软件&#xff0c;我们必须要知道正确的下…

用Redis实现全局唯一ID

全局唯一ID 如果使用数据库自增ID就存在一些问题&#xff1a; id的规律性太明显受表数据量的限制 全局ID生成器&#xff0c;是一种在分布式系统下用来生成全局唯一ID的工具&#xff0c;一般要满足下列特性&#xff1a; 唯一性高可用递增性安全性高性能 为了增加ID的安全性…

Linux环境变量、export命令、env命令、$符号

一、环境变量 我们所使用的一系列命令本质上就是一个个的可执行程序 不管我们当前的工作目录在何处&#xff0c;命令都可以准确执行&#xff0c;这就是环境变量的作用&#xff0c;是借助环境变量中PATH的值来做到的&#xff0c;PATH记录了系统执行任何命令的搜索路径 环境变量…

ansible 配置jspgou商城上线(MySQL版)

准备环境 准备两台纯净的服务器进行&#xff0c;在实验之前我们关闭防火墙和selinux systemctl stop firewalld #关闭防火墙 setenforce 0 #临时关闭selinux hosts解析(两台服务器都要去做) [rootansible-server ~]# vim /etc/hosts 10.31.162.24 ansible-ser…

博客的简介

博客的简介 大家可以把这个当做目录&#xff0c;从中选择自己需要的内容进行阅览&#xff0c;欢迎大家一键三连&#xff01;&#xff01;&#xff01;&#xff01; 话题讨论专栏 点击进入话题讨论专栏 主要文章&#xff1a; 神奇的代码——可随意修改复制页面内容 Python…