如何在 HTML 页面中插入超链接?

htmlweb developmentfront end technology

要在 HTML 页面中插入超链接，我们必须使用锚标记 和 标签，它们用于定义链接。 标签指示超链接的起始位置，而 标签指示超链接的结束位置。在这些标签内添加的任何文本都将充当超链接。在 中添加链接的 URL。

text < / a>

链接文本

示例

在 HTML 中使用不同的链接 −

Here is the text Hyperlink

Text URL

Here is the Image hyperlink

Dummy image

运行上述程序时，我们会看到三个超链接(分别为文本、图片和电子邮件)，每个超链接都包含三个标题，每个标题都有一个指定的 URL。

让我们详细讨论如何插入电子邮件链接、图片链接和文本链接。

使用图片作为链接

我们只需将 标签放在锚标签 内，即可将图片用作链接。

运行上述程序时，我们会看到一个 png 图像，点击该图像后，您将被重定向到指定的 URL。

使用电子邮件地址作为链接

要链接电子邮件地址，我们需要在 href 属性中使用 mailto: ，这将打开用户电子邮件程序。

示例

为了更好地理解，我们来看一个例子−

Links to Email Address

Send Email

执行上述程序时，我们会看到一个包含"发送电子邮件"文本的超链接。点击该链接后，系统会将您重定向到指定的默认邮箱地址，以便用户直接从网页发送邮件。

使用按钮作为链接

如果您使用按钮作为链接，请尝试在其中添加一些脚本代码，这有助于我们指定点击按钮后的操作 −

示例

为了更好地理解，我们来看一个例子 −

Button as a Links

Click the button to go to the tutorialsPoint

HTML Tutorial

运行上述代码时，我们会看到一个标题为"按钮作为链接"的表单，其中段落元素为"单击按钮转到教程点"。然后，会显示一个标签为"HTML 教程"的按钮，点击该按钮后，会导航至指定的另一个页面。

点击按钮后，会导航至如下所示的 − 页面。

更多与特定 URL 匹配的链接为 − 页面。

链接到当前网页内的特定位置。此语法用于链接到同一页面上的索引。