600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html 超链接标签 a 的基本用法

html 超链接标签 a 的基本用法

时间:2022-08-12 19:53:59

相关推荐

html 超链接标签 a 的基本用法

HTML中具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签(a标签),超链接标签为双标签,写法如下: <a></a>,默认是一个 行内标签。

href

链接其他网址 ,href 跟网址表示跳转到改网址,写法如下。

<a href="/" > 打开百度 </a>

href 的值,也就是要跳转的文件类型,可以是如下类型

一个http/https协议的网站一个站内网页一个电子邮件地址一张图片一个文本文件一个应用程序

......

当前浏览器能识别的类型【比如网站地址,图片地址,txt文档地址】就正常显示

当前浏览器不能识别的类型【比如: zip,doc,excel,ppt...】 就直接下载

target

target属性决定以何种方式行进跳转或打开新的文件(是在当前窗口还是新窗口打开?一般默认当前窗口)

target可以为以下值:

_blank : 在一个新的浏览器窗口或标签页中打开页面或文件

_self : 在当前浏览器窗口打开页面或文件

写法:

<a href="/" target="_blank" > 打开百度 </a>

a 标签实现锚点链接

即通过 a 标签跳转到网页指定位置,如果将<a>标签的href属性值设置为#+当前页面中指定元素的ID值后,该超链接将不再是进行页面间的跳转或是文件的打开了,而是实现在当前页面的跳转

<a href="#zl"> 跳转到zl处 </a> <!-- 此标签点击后将跳转到zl处 -->

a 标签实现文件下载

<a>标签除了能跳转到页面、文件,跳转页面位置,在H5中还能够定义一个文件的下载(强制下载,即便能识别也进行下载),并设置下载文件的名字。要具有这个功能,我们需给它加上“download"属性,并指定一个文件下载后的名称。

大致形式: <a href="要下载的文件的地址" download=“下载后的文件的名称"></a>

例子:

<a href="./sunny_A.png" download="SunnyProw">下载文件</a>

a 标签回到页面顶部

我们在一个内容很多的网页中加上a标签,并且他的href属性赋值为 #top ,那么当我们点击这个超链接时可以让当前网页回到最顶部。

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

a 标签中关于href的值为特殊值时

表示普通文本:

<a>没有href,如同一个span标签,表示普通文本 </a>

地址会加上一个 # 号:

<a href="#"> #号(描点链接相关) </a>

表示刷新:

<a href=""> 空格(会刷新) </a>

什么都不会做:

<a href="javascript:void()"> void(会执行js代码,返回空,什么都不做) </a>

会执行代码,有弹框:

<a href="javascript:alert('你好')"> alert('你好'),(会执行js代码,弹框) </a>

当然还有很多 a 标签一些相关的, a 标签是相当重要的一部分

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。