温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
a标签是HTML中常用的标签之一，用于创建超链接。通过设置a标签的href属性，可以实现页面之间的跳转。当a标签的href属性指向同源的HTML页面时，点击a标签后会跳转到指定的HTML页面。
我们需要了解什么是同源。同源是指两个URL的协议、域名和端口都相同。例如，http://example.com和http://example.com/index.html是同源的，而http://example.com和http://example.org是不同源的。
接下来，我们来看一个示例代码，演示如何使用a标签跳转到同源的HTML页面：
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1>欢迎来到首页</h1>
<a href="about.html">点击跳转到关于页面</a>
</body>
</html>
<!-- about.html -->
<!DOCTYPE html>
<html>
<head>
<title>关于页面</title>
</head>
<body>
<h1>关于我们</h1>
<p>这是一个关于页面</p>
<a href="index.html">点击返回首页</a>
</body>
</html>
在上述示例代码中，index.html是我们的首页，about.html是关于页面。在首页的代码中，我们使用了a标签来创建一个超链接，href属性的值设置为"about.html"，表示点击这个链接后会跳转到about.html页面。同样地，在关于页面的代码中，我们也使用了a标签来创建一个超链接，href属性的值设置为"index.html"，表示点击这个链接后会跳转回首页。
需要注意的是，a标签的href属性值可以是相对路径或绝对路径。相对路径是相对于当前页面的路径，而绝对路径是从根目录开始的完整路径。在示例代码中，我们使用的是相对路径，即about.html和index.html是在同一个目录下，因此可以直接使用文件名作为href属性的值。
除了跳转到同源的HTML页面，a标签还可以跳转到其他网站的页面。例如，我们可以将href属性的值设置为"https://www.example.com"，点击链接后会跳转到该网站。
总结一下，通过设置a标签的href属性，我们可以实现页面之间的跳转。当a标签的href属性指向同源的HTML页面时，点击a标签后会跳转到指定的HTML页面。我们可以使用相对路径或绝对路径来设置href属性的值。除了同源页面，a标签还可以跳转到其他网站的页面。
