HTML学习记录之超链接和路径_html超链接文件找不到-优快云博客

本文链接：https://blog.youkuaiyun.com/tomorrowtodie/article/details/52529571

本文详细介绍了HTML中超链接的应用及不同类型的路径设置方法。包括如何使用`<a>`标签创建指向不同页面的链接，解释了`target`属性的作用，并展示了绝对路径与相对路径的区别。此外，还讲解了如何利用锚点链接实现页面内的快速导航。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习视频：http://edu.youkuaiyun.com/course/detail/489/5453?auto_start=1

代码示例：

<!DOCTYPE html>
<html lang = "zh - cn">
	<head>
		<meta charset="utf-8">
		<title>超链接和路径</title>
	</head>

	<body>
		<!-- <a href="http://www.baidu.com">百度</a><br> -->
		<!-- <a href="http://www.baidu.com" target = "_blank">百度</a><br> -->

<!-- 		

href属性是必须属性，指定要跳转的网站的链接
target属性告诉浏览器希望将所链接的资源显示在哪里

_blank : 在新窗口或标签页中打开文档 
_self :在当前窗口打开文档（默认）
_parent :在父窗框组（frameset）中打开文档
_top : 在顶层窗口打开文档

_parent和_top是基于框架页面的，而HYML5中，
框架基本被废弃，只能使用<iframe>元素，且以后大量结合JavaScript和PHP等语言配合
框架用的就很少了

-->
		<!-- 绝对路径与相对路径 -->


		<!-- <a href="index3.html">index3</a> -->
		<!-- <a href="./index3.html">index3</a> -->
		<!-- <a href="code/index3.html">index3</a> -->
		<!-- <a href="HTML/code/index3.html">index3</a> -->
		<!-- <a href="../index3.html">index3</a> -->
		<!-- <a href="../../index3.html">index3</a> -->

		

		<!-- 锚点链接 -->


		<a href="#1">第一章</a>
		<a href="#2">第二章</a>
		<a href="#3">第三章</a>

		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a name = "1"></a>这是第一章内容


		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a name = "2"></a>这是第二章内容


		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a name = "3"></a>这是第三章内容
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<!-- 		锚点的作用就是在当前页面中做到快速跳转
		当我在页面中用鼠标点击第一章的时候，页面会跳到name = "1"的部分
		而<a name = "1">和</a>之间不需要写什么，直接让页面跳到这里 
		这里除了用name还可以用id
-->



	</body>
</html>