首页 专题 文章 代码 归档
html超链接标签
2020.01.25 20:23 2020.01.25 20:23

1. 超链接标签

HTML 使用超链接标签(<a>)来创建一个连接到其他文件的链接。超链接可以指向网络上的任何资源:HTML 页面,图像,声音,影片等等。

1.1. 基础语法

<a href="#">Hello World</a>
  • href:要链接到的页面的地址(URL)

超链接可以指向网络上的任何资源:HTML 页面,图像,声音,影片等等。

标签<a>被用来创建一个链接指向的锚,href 属性用来指定连接到的地址,在锚的起始标签<a>和结束标签</a>中间的部分将被显示为超级链接。

1.2. target属性

使用 target 属性,你可以定义从什么地方打开链接地址。

下面这段代码打开一个新的浏览器窗口(标签页)来打开链接:

<a href="https://www.baidu.com" target="_blank">Biadu</a>

截图-1579954475

1.3. 链接与id属性

对于某些页面来说,页面很长,如果用户想要知道中间的一个部分的话,需要一直下滑页面,而如果在某个章节给予一个id的话,就能很快的跳到该章节。

而a标签就是可能给出一个链接,使用户快速的跳到其他页面的某个章节上去。

<a href="#tips">使用这个可以快速的跳到tips章节</a>

<a id="tips">这是页面中的一个章节,通过id定义的!</a>

如上面代码演示,通过给a标签中的href属性一个"#"+id名,就可以快速跳到某一个章节。

如果你知悉观察,那么会发现教程目录,如果你点击就会添加一个#id名,然后你就跳到某个章节啦:

https://www.misiai.com/tutorials/26.html#1.2.%20%E5%9B%BE%E7%89%87%E6%A0%87%E7%AD%BE%E8%AF%AD%E6%B3%95

截图-1579954991

本节阅读完毕! (分享
二维码图片 扫描关注我们哟