html是一个用于构建网页的标记语言，其中最常见的功能之一是链接（link）功能，用于让用户点击之后跳转到另一个页面。本文将介绍如何在html中使用链接功能并跳转到一个新页面。
1.使用标签来创建链接
在HTML中，我们可以使用标签创建一个链接。例如，以下代码将创建一个指向百度网页的链接：
<a href="https://www.baidu.com">百度一下，你就知道</a>
其中，href属性指定了链接的目标网址，标签内的文本是链接的显示文字。
2.在当前页面打开链接
立即学习“前端免费学习笔记（深入）”；
默认情况下，链接会在当前页面中打开。例如，点击上面的链接将会在当前页面中打开百度网页。如果你想让链接在新的页面中打开，可以使用target属性。
3.在新的页面中打开链接
要在新的页面中打开链接，需要指定target属性为"_blank"，如下所示：
<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>
这样，点击链接后将会在新的浏览器标签页中打开百度网页。
4.链接到本地文件
在HTML中，我们也可以使用链接功能链接到本地的文件，例如：
<a href="images/cat.jpg">查看猫咪照片</a>
在这里，我们将链接指向名为"cat.jpg"的图片文件。当用户点击链接时，将在当前页面中打开该图片文件。
5.链接到书签
除了链接到外部网页或本地文件，我们还可以使用链接功能链接到页面内的某个位置，即所谓的书签（Bookmark）。要创建一个书签，需要在链接的目标地址后加上"#+书签名"，例如：
<a href="#overview">查看概览</a> <h2 id="overview">概览</h2>
在这里，我们先在<h2>标签中添加了一个id属性，命名为"overview"，这就成为了一个书签。然后，在链接的目标地址中加上"#+书签名"，使之指向该书签。当用户点击链接时，将会自动滚动到页面中的该书签位置。
总结
使用HTML的链接功能，可以让我们方便地跳转到其他页面、打开本地文件或跳转到页面内的特定位置。使用标签创建链接，通过href和target属性来指定链接的目标和打开方式。同时，我们也可以使用书签来指向页面内的特定位置。
以上就是html跳转到新的页面的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
531
收藏
