超链接标签 < a >
在HTML标签中,< a >标签用于定义超链接,作用:从一个页面链接到另一个页面。
- 链接的语法格式
<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
该页面变成超链接的网页,不会重新打开一个网页。
- 内链接
以上为外连接,你也可以将网页名称写入href中打开。
打开同目录下的网页文件叫内链接。
<a href="超链接.html" target="_blank">打开同目录下的网页</a>
- 空连接
空链接:没有确定的连接目标时。
href = “#” 即可实现空链接,即点击没有反应。
<a href="#" target="_blank">空链接</a>
- 下载链接
<a href="压缩包.zip" target="_blank">点击就会下载链接</a>
5. 文本,图像,表格,视频,音频链接
只要将其文件名写入 href 中即可。
- 锚点链接:点我们点击的链接,可以快速定位到页面中的某个位置:
先在链接文本中的href属性中,设置属性值为:#名字 的形式,如<a href="#two">第二季<a>
再找到目标位置标签后,里面添加一个id属性=刚刚的名字,如:<h3 id='two'>第二季的介绍</h3>
点击第二季链接就会跳转到第二季介绍