HTML 链接
HTML 链接是用于在网页中创建超链接的标记语言元素。通过使用 <a> 标签,可以将文本或图像转换为可点击的链接,使用户能够跳转到其他页面或资源。超链接可以是一个字,一个词,或者一组词,一张图像,一个段落,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
下面是创建HTML链接的基本语法:
<a href="目标URL" target="跳转目标">链接文本</a>
标签属性:
属性名称 | 属性说明 |
href | 指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL |
target(可选) | 指定链接如何在浏览器中打开。常见的值包括 _blank(在新标签或窗口中打开链接)和 _self(在当前标签或窗口中打开链接) |
title(可选) | 提供链接的额外信息,通常在鼠标悬停在链接上时显示为工具提示 |
rel(可选) | 指定与链接目标的关系,如 nofollow、noopener 等 |
target 属性可以具有以下值之一:
_self - 默认,在单击时在同一窗口/选项卡中打开文档
_blank - 在新窗口或选项卡中打开文档
_parent - 在父级框架中打开文档
_top - 在整个窗口中打开文档
实例说明
链接到站内资源:
<a href="/index.html" target="_blank">首页</a>
通过图像跳转:
<a href="/index.html"> <img src="./logo.png" alt="It开发网"> </a>
新页面打开:
<a href="https://www.itutil.net/index.html" target="_blank">首页</a>
发送邮件:
<a href="mailto:someone@itutil.net">发送邮件</a>
当作按钮来使用
<a href="javascript:void(0)" onclik="alert('点我')">测试</a>