1.4 超链接

1.4 超链接

1.4.1 基础语法

基础语法: <a href="网页地址"> </a>

拓展参数: <a href="网页地址" target="跳转方式"> </a>

href	跳转链接地址
target	链接打开方式

1.4.2 锚链接(id参数)

每个标签都可以带有一个id参数(例: <p id="article"> </p>), id参数是全局唯一的.

当一个标签使用id参数时, 可以通过<a>标签锚定到这个id所在的标签(因为全局唯一).

通过#id可以链接到id.

<a href="#footer" target="_self">跳转到页面底部</a>

<footer id="foot">

</footer>

1.4.3 href参数

在1.4.2中, 提到了href参数可以链接到锚点(id)处, 当然href参数也可以链接到网页, 本地链接处.

href参数	效果
href="https://www.baidu.com/"	超链接到百度网页
href="./index.html/"	链接到本地(同目录)下的一个文件
href="#foot"	锚链接到本页面下的锚点foot
href="./index.html#foot/"	锚链接到本地(同目录)下的一个文件的一个锚点foot

1.4.4 target参数

target参数	效果
target="_self"	跳转到本页面(默认值)
target="_blank"	跳转到新标签

1.4.5 图像链接

超链接可以通过任意元素进行调整, 比如文字, 图像, 视频...

可以通过emmet语法快速书写: a>img

语法: <a href=""><img src="" alt=""></a>