超链接标签 a (锚点链接)

标签: web网页标签  css  html  css3  html5  web

超链接标签 < a >

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

  1. 链接的语法格式
<a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="目标窗口的弹出方式">好看的电脑壁纸</a>
属性 作用
href 用于指定链接目标地址(必须属性),当为标签应用href属性时,他就有了超链接的功能
target 用于指定链接页面的打开方式,其中_self为默认值 。_blank为在新窗口打开

target:

(1) _blank

<a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="_blank">好看的电脑壁纸:碧蓝窑子</a>

打开网址:是在另一个页面打开的。
在这里插入图片描述

(2) _self
该页面变成超链接的网页,不会重新打开一个网页。

  1. 内链接
    以上为外连接,你也可以将网页名称写入href中打开。
    打开同目录下的网页文件叫内链接。
<a href="超链接.html" target="_blank">打开同目录下的网页</a>

在这里插入图片描述

  1. 空连接
    空链接:没有确定的连接目标时。
    href = “#” 即可实现空链接,即点击没有反应。
<a href="#" target="_blank">空链接</a>
  1. 下载链接
<a href="压缩包.zip" target="_blank">点击就会下载链接</a>

在这里插入图片描述
5. 文本,图像,表格,视频,音频链接
只要将其文件名写入 href 中即可。

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

先在链接文本中的href属性中,设置属性值为:#名字 的形式,如<a href="#two">第二季<a>
再找到目标位置标签后,里面添加一个id属性=刚刚的名字,如:<h3 id='two'>第二季的介绍</h3>

点击第二季链接就会跳转到第二季介绍

版权声明:本文为qq_45405176原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_45405176/article/details/106262080