1. 超链接标签
超链接(Hyperlink)是指在网页中用于链接其他页面或文件的一些特殊的文本或图标。在HTML中,使用<a>
标签来创建超链接。
<a>
标签有两个常用的属性,分别是href和target。
1.1. href属性
href属性是用来指定链接的目标地址,可以是一个网页文件的路径或是一个外部链接的URL。
<a href="目标地址">文本或图片</a>
例如,以下代码会在当前页面中显示”点击进入百度搜索“的字样,并将指向的目标地址设为百度搜索页面:
<a href="https://www.baidu.com/s?wd=html%E6%95%99%E7%A8%8B">点击进入百度搜索</a>
1.2. target属性
target属性是用来指定链接的打开方式,分别有以下几种值:
_self:在当前窗口中打开链接(默认值)
_blank:在新窗口中打开链接
_parent:在父级窗口或框架中打开链接
_top:在父级窗口或框架的最上层中打开链接
例如,以下代码会在新窗口中打开链接:
<a href="https://www.baidu.com/s?wd=html%E6%95%99%E7%A8%8B" target="_blank">点击进入百度搜索</a>
2. 链接到页面内部
默认情况下,链接会打开一个新的web页面。但是,在一个长页面中,有时我们需要跳转到当前页面内的其他位置。对应的,HTML提供了另外一个属性:id。使用id属性可以将页面中某一个特定的元素(例如某个标题)与一个锚点链接(Anchor Link)关联,使点击该链接可以快速定位到目标元素所在的位置。
以下代码可以在当前页面内部跳转到id为“top”的锚点:
<a href="#top">上方</a>
<h1 id="top">顶部</h1>
3. 链接到电子邮件地址
我们还可以使用超链接向指定的电子邮件地址发送一个邮件。
以下代码可以通过点击链接打开电子邮件客户端:
<a href="mailto:example@mail.com">给example发送邮件</a>
4. 链接到文件
如果你想上传文件并提供链接,例如PDF、Word文档或图片,超链接同样可以实现这一目标。
以下代码可以提供一个PDF文件的下载链接:
<a href="example.pdf">下载PDF</a>
5. 总结
本文介绍了HTML中超链接的标签及常用属性,包括:href、target、id等。通过使用这些属性,我们可以方便地快速创建跳转链接、内部链接、邮件链接及文件下载链接等。