数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 HTML 页面中创建页面链接？
链接是从一个网页到另一个网页的连接。
我们可以向网页添加页面链接。 HTML 链接 是超链接。 <a> 标签定义了超链接，用于在页面之间建立链接。 href 属性与 <a> 标签一起使用，指示链接的目标。
要在 HTML 页面 中创建页面链接，我们需要使用 <a> 和 </a> 标签的 href 属性。确保 <a></a> 标签放置在 <body>…</body> 标签 内。
链接文本是可见的。单击链接文本将导航到指定的 URL 地址。默认情况下，链接在浏览器网页上显示如下。
未访问的链接是下划线和蓝色的
已访问的链接是下划线和紫色的
活动的链接是下划线和红色的
语法
以下是创建网页页面链接的语法。
<a href="https://www.Google.com/"> text of the link </a>
示例
以下示例程序演示如何在网页文档上创建页面链接。
<!DOCTYPE html> <html> <body> <h1>HTML Article on Links </h1> <p><a href="https://www.Google.com/">Click this to navigate to the Google home page</a></p> </body> </html>
以下是未访问链接的输出。当我们单击链接时，它将引导我们到谷歌搜索引擎的主页。因此，链接将被访问并显示为下划线和紫色。
示例
在下面的示例中，我们在网页文档上链接了 tutorialspoint 的官方页面。
<!DOCTYPE html> <html> <head> <title>HTML Links</title> </head> <body> <h1>Click the link below and navigate the official page of tutorialspoint</h1> <a href="https://tutorialspoint.com/index.htm">TUTORIALSPOINT</a> </body> </html>
如果我们单击链接，它将重定向到目标页面。当我们单击链接时，它将引导我们到 tutorialspoint 网页的主页。
使用图像作为超链接
我们可以添加图像作为链接，以及其他 HTML 元素作为链接。
语法
以下是将图像添加为网页链接的语法。
<a href="link address"><img src="image destination"></a>
示例
以下是如何将图像设置为链接的示例程序。
<!DOCTYPE html> <html> <body> <h1>HTML Article on Links </h1> <p><a href="https://www.Google.com/"><img src="https://tutorialspoint.com/javafx/images/javafx-mini-logo.jpg" style="width:50px;height:50px;"></a></p> </body> </html>
以下是图像作为链接的输出，单击图像将引导我们到谷歌主页。
更新于: 2023-09-01
83K+ 次浏览
广告