链接元素<a></a>的几种使用方式

(9)在链接<a></a>标签中写#会跳到页面上边去,为了防止,可用js写法 使用javascript:; <!-- -->  链接 阅读详情

链接元素:<a></a>

语法如下: <a href="" target="">文本</a> 

  href:表示链接的具体地址 
  target:表示链接的目标在什么窗口中打开,可取值_blank(新打开一个浏览器),_self(在当前窗口打开一个链接) 

  

链接的表现形式除了可以指向一个具体的网址,还有如下表示方式: 

    1.目标文档为下载资源,可以是mp3,pdf,rar,jpg等任何格式文件,其打开方式有点不同而已<a href="day02.zip">下载</a> 
    2.目标文档为电子邮件链接<a href="mailto:tarena@tarena.com.cn">联系我们</a> 
    3.返回页面顶部的空链接<a href="#">...</a> 
    4.链接到JavaScript: <a href="javascript:...">js功能</a> 

 


注:(1)链接未访问时是蓝色,访问后时紫色,可以在历史记录中清除就会变成蓝色。 

       (2)使用a标签添加电子邮件链接时,也可以限定电子邮件的标题,只需在后面加上?subject=...,此处subject后面不需要加引号,还可以定义抄送地址,可以在后面加上&cc=winne@tarena.com.cn,同理,也可以进行密送mcc,如<a href="mailto:tarena@tarena.com.cn?subject=hello&cc=winne@tarena.com.cn">给我发邮件</a>  

 

锚点: 

实现页面内的导航,也用的时<a>链接,叫做锚点链接,也叫书签链接,也叫命名锚记,命名锚记必须加在想要命名的文字前面才会实现想要的效果。例如: 

     <p><a href="#wenti">1.1问题</a></p> 
     <h3><a name="wenti">1.1问题 </a> </h3> 

     

锚点使用步骤:

          a、先定义锚点,在想要跳转的位置的前面加一对<a>标记,并指定<a>标记的名称(name属性) 

           b、为导航添加链接,指定链接地址为#name,即可链接到指定的锚点 
     如果进行命名锚点,使用id也可以的,注意id属性的命名是不能使用中文的,但是锚点是可以写中文的,如: 
     <p><a href="#wenti">1.1问题</a></p> 
     <h3><a id="wenti">1.1问题 </a> </h3> 

     

另外,如果想要链接到另一个文件中的锚点,也可以实现的,如从html1文档链接到html2文档中的wenti锚点或id,可以<a href="2.html#wenti"> 

     

给图片加链接可以将<img>标签放在<a>标签里面,然后设置宽高一样就行了。如果在img标签上加了a标签,但是a标签和img标签都加了title属性,那么在鼠标经过时图片上显示的文字就近选择,会是img里面的title名称 

     


Android 14.0 首次开机默认授予app运行时权限(去掉运行时授权弹窗) 在14.0的系统rom产品定制化开发中,在6.0以后对于权限的申请,都需要动态申请,所以会在系统首次启动后,在app的首次运行时, 会弹出授权窗口,会让用户手动授予app运行时权限,在由于系统产品开发需要要求默认授予app运行时权限,不需要用户默认授予运行时弹窗,所以需要在首次开机默认授予所有app运行时权限 阅读详情

相关推荐

【Azure 架构师学习笔记】- Azure Private Endpoint

公有云的其中一个特点是默认允许公网访问, 这就对企业环境带来风险,也是很多年前企业对公有云抵触的其中一个原因,现在这类问题已经很少,因为有了很多技术来确保云上的资源被安全地访问。其中Private endpoint(PE)就起到了很重要的作用。云上的某个资源如VM会创建在特定的网络(VNet/Subnet)上, 而其他如Storage Account , Azure SQL等PaaS服务则没有。如果你需要用VM 来访问这些PaaS资源,VM 就会通过资源的公网IP 来访问。

MVP黄钊吉(發糞塗牆) 1789

2、<a></a>标签全部作用

标签的target属性大致有这几种: (1)_blank (2)_self (3)_parent (4)_top 作用1 超链接 1、<a href="https://www.baidu.com/" target="_blank">超链接</a> 在一个新的窗口打开连接相应的网页。 2、<a href="https://www.baidu.com/" target="_self"> 在原来的窗口打开连接相应的网页。(如果target属性值不写的话,默认是这种方式) 3

Slueia的博客 1万+

Python实战:用Sinkhorn算法搞定最优传输问题(附完整代码)

本文详细介绍了如何使用Python实现Sinkhorn算法解决最优传输问题,包括算法原理、关键步骤和完整代码示例。通过实际案例(如图像颜色迁移)展示其高效性和稳定性,适合机器学习开发者和数据科学家应用于分布匹配等场景。

weixin_30879169的博客 98

html <a></ a>标签使用总结

&lt; a href=”链接的地址”&gt;链接文本&lt;/&gt;1、属性:  1)    href=“url”的作用 绝对地址(协议类型一定要加上):&lt; a href=”http://www.baidu.com”&gt;百度&lt;/ a&gt;                                                          &lt; a href=...

白马非马军的博客 1万+

IPD的分析工具与模型(十六)CBB公用基础模块管理实现资源共享,缩短开发周期降低成本

CBB流程的开发环节,基于CBB规划中所识别和设计的CBB,进行CBB的详细设计(包括参数设计和接口设计),并最终实现CBB的落地开发。作为特殊类型的技术构件,CBB的开发流程,可沿用技术开发中的构件开发流程,具体包括概念、计划、开发和迁移等步骤,具体可参见前文的相关介绍。有了蓝图与架构设计,落地实施是关键攻坚。具体工作内容包括:具体工作内容包括:a. 以相似性、聚类、相对独行性、可组合、可扩展性、可维护性等原则为指导,按照产品的功能特征和业务类型,聚焦零散的功能点,形成功能模块,实现产品功能模块的划分;

Easyways1的博客 1378

AI智算-K8s+vLLM & Ray:DeepSeek-r1 671B 满血版分布式推理部署实践

自从上次发布 【AI-智算】K8s+SGLang实战:DeepSeek-r1:671b满血版多机多卡私有化部署全攻略] 文章后,本次将演示另一个主流推理引擎工具——vLLM,结合K8s、LWS、Ray、Volcano等技术栈,部署DeepSeek-r1 671b 满血版分布式推理集群,并对比其与SGLang推理引擎的性能表现。

Kason_iWiki 1825

HTML中<a></a>标签的四大功能 必看!必看!!必看!!!

a标签的第一个功能:超链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>.

hey,欢迎浏览我的博客,希望能给你提供帮助。 2万+

Autosar EcuM配置-初始化及下电执行函数-基于ETAS软件

Autosar EcuM学习笔记-上电初始化执行函数及下电前执行函数,本文介绍在EcuM中的配置及使用。

赞的博客 849

HTML超链接:<a></a>

<a></a> 超链接,用于从一个页面链接到另一个页面,行内元素,不会换行

lyh1023812的博客 5851

endNote X9 增加 / 删除参考文献 文献编号自动更新

EndNote X9 插入参考文献常见问题总结。增删参考文献 文献编号自动更新

程序员,他们想的是什么?他们想的永远都是技术,他们崇尚的也永远都是技术。 7496

从零开始:使用Verilog在FPGA上实现8051微控制器的完整指南

8051微控制器是一种8位微控制器,由Intel在1980年代初推出。它包括一个CPU、一些RAM和ROM、I/O端口、定时器和串行通信接口。由于其简单的架构和强大的功能,8051已经成为了嵌入式系统设计的首选。FPGA是一种集成电路,设计师可以按照自己的需求进行编程。与传统的ASIC(应用特定集成电路)相比,FPGA提供了更高的灵活性,允许在硬件级别进行快速原型设计和迭代。这里,我们定义了一些基本的输入/输出端口,如时钟clk、复位reset、数据输入/输出和地址输入/输出。

qq_38334677的博客 1332

关于<a>标签的基本用法和特殊用法

前几天温习HTML看到<a>标签时发现它除了本白只会的直接使用之外还有其他有意思的操作。(手动滑稽)当然这篇东西主要是为了记录温习成果,或是写给跟我一样的小白看的,没有什么太深度的内容。

OlD_CanLenDaR的博客 3156

【异常】CNB提示The bill authorization scope cannot access the current request.

摘要:CNB API返回403错误,表明当前token的授权范围无法访问目标仓库。主要原因是:1) REPO_SLUG填写错误,导致资源地址不匹配;2) CNB_TOKEN未授权目标仓库;3) 账号账单状态异常。解决步骤:先检查REPO_SLUG是否与CNB平台仓库地址完全一致;再确认CNB_TOKEN是否绑定目标仓库且有读取权限;最后检查账号账单是否正常且覆盖目标资源。完成排查后更新配置即可解决此授权问题。

奶爸的编程之路,也就一周冷个三天 663

<a></a>标签href几种使用

a标签的最重要功能是实现超链接和锚点,a标签里href属性是我们经常用的,其实它的值有很多种,可能我们往往会忽略,今天分享一下a标签的属性值及用法。 1. href=“#”: 这是一个比较常用的方法。#是标签内置的一个方法,用于网页返回顶部较多。比如在底部有个置顶的按钮,使用这个就比较方便了。 使用:<div><a href="#">返回顶部</a&g...

ditaili1224的博客 1015

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

<a></a>链接的css样式

style type="text/css"> a:link {text-decoration:none;color:blue;} a:hover {text-decoration:underline;color:red;} a:active{text-decoration:none;color:yellow;} a:visited {text

一个很酷的人 4145

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

HTML之链接<a></a>

HTML之链接<a></a>基本用法   html使用超级链接与网络或者本地的文档相连,超链接可以是一段文字,一个网址,一张图片等等形式.在html中,我们使用<a>来创建链接.它有一下两种使用方法:    * 通过使用href属性,创建指向另一个文档的链接    * 通过使用name属性,创建文档内的书签(暂时不讨论,以后补充)        第一种方法的实现方式为:       <a

langzi989的专栏 779

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

关于<a></a>链接的几种写法

1. 2. 3. 其中第一种是正统写法; 在使用第二种,第三种写法时,切记要javascript:;或javascript:return false; 使链接不生效,执行function;如果不这样写,会出新页面提前跳转,而function还没有执行完,出现找不到页面的情况;

foyui的博客 1334

<a></a>的4种链接方式

1.<a href="#" target="_self"></a>自己的页面跳到要打开的页面。 2.<a href="#" target="_blank"></a>打开一个新的页面。 3.<a href="#" target="_top"></a>部分覆盖自己的页面。与_self的区别,_self是一个新的页面。 4.<...

while(True): print('adorable') 582

html 中 <a></a>标签中 target 属性

标签的 target 属性规定在何处打开链接文档。 打开新窗口 被指向的超链接使得创建高效的浏览工具变得很容易。例如,一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:   target="view_window">Preface  当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果

W1365966490的专栏 1235

HTML <a></a>在新窗口打开链接

&lt;a target = "_blank" href="#"&gt;AAA&lt;/a&gt; #:表示要跳转的连接 点击 AAA 超链接,将在新窗口打开#连接

guanjun1996的博客 1万+

HTML笔记4、路径 与 链接<a></a>

  路径 绝对路径:从盘符开始  如:F:\web\text.html 相对路径:以自身文件为主 ps:..\代表上一级目录,.\代表当前目录 链接&lt;a&gt;&lt;/a&gt; 1、内部链接 网站内部页面和页面之间的链接(参考上面的路径) &lt;a href="1-主页.html" target="_blank"&gt;链接内容&lt;/a&gt; &lt;a href

Z_phone的博客 468

HTML <a></a>使用

&lt;a href="http://www.jd.com" target="_blank"&gt;京东&lt;/a&gt; &lt;a href="http://www.jd.com" target="_blank"&gt;京东&lt;/a&gt; &lt;a href="#" target="_self"&am

dxm809的博客 1527

HTML篇之CSS样式:<button></button>按钮变成超链接<a></a>的样式

注:样式实现的功能:按钮变成超链接。其他代码是可编辑table,如果不可行可能是引用的jquery.min.js版本问题

别样的风采是我 1万+

web程序超链接<a></a>提交post请求

一般都是标签的onclick事件调用一个方法,在方法里创建一个表单,再提交表单。 实例代码: function post(url, params) { var temp = document.createElement(“form”); temp.action = url; temp.method = “post”; temp.style.display = “none”;//表单

猿 的专栏 2491

HTML标签<a></a>和<a href=""></a>之间的区别是什么?

<a> 标签是 HTML 中用于创建链接的标签。它有两个常见的属性:href 和 name。<a> 标签的基本用法如下:登录后复制 <a href="https://www.example.com">点击这里</a>1.在上述代码中,<a> 标签定义了一个链接,...

987

Selenium查找元素的几种方式

一、通过id查找 例:<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off"> element = driver.find_element_by_id("kw") 二、通过name查找 例:<input name="cheese" type="t...

abcd12321232的专栏 7961
下一篇: HTML基础知识(2)
敲代码的猫
博客等级 码龄10年 70粉丝 46原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值