视觉艺术

04.超链接标签a

2020-02-22  本文已影响0人  小艾同学喔

一、超链接标签

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

单词 anchor [ˈæŋkə(r)] 的缩写,意为:锚。

在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。

二、链接的语法格式

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

href属性:用于指定链接目标的url值,是a链接的必写属性。
target属性:用于指定链接页面的打开方式,默认值时_self即当前页面打开,另一个值是_blank,意为在新窗口打开此链接。
注意:target属性,不写数值就是当前窗口打开。只要里面写数值,不管是不是_blank,哪怕是写abc都是新窗口打开。区别是_blank可以打开多个窗口,点击一次就会打开一个新窗口。别的任何值只能打开一个窗口。

三、外部链接

要加https://或http://协议

    <a href="https://www.baidu.com/" target="_brank">百度2</a>

四、内部链接

网站内部页面之间的相互链接. 直接链接内部页面名称即可

    <a href="12-外部链接.html" target="_blank">外部链接</a>

五、空链接

如果当时没有确定链接目标,href内可用#,即为空链接。

  <a href="#">空链接</a>

空链接有返回顶部功能

六、下载链接

如果 href 里面地址是一个文件或者压缩包,会下载这个文件

    <a href="08-千玺.rar">下载</a>

下载必须是文件或压缩包,后缀.exe 和.zip

七、锚点链接

点击链接,可以快速定位到页面中的某个位置.

1.在链接文本的 href 属性中,设置属性值为 #name
2.找到目标位置标签,里面添加一个 id = name

<a href="#name"> 找到姓名 </a>  
<h3 id="name">姓名</h3> 
上一篇 下一篇

猜你喜欢

热点阅读