在 HTML 中链接内部文件



我正在尝试在我的HTML代码中链接内部文件,但由于某种原因无法。我使用终端获取文件路径并仔细检查它是否正确,但缺少一些东西。在下面的代码中,索引链接有效,但不能链接到马里奥斯页面,如果有人可以指导我做错了什么,将不胜感激。

法典:

<!DOCTYPE html>
<html>
<head>
<title>Laura</title>
</head>
<body>
<h1>Laura's Page</h1>
<p>Hello I am the Laura.html file</p>
<a href="/Users/bobgohary/Desktop/Linking/Index.html">Click me to go to back to Index :() </a>
<a href="/Users/bobgohary/Desktop/Linking/Europe/Italy/Tuscany/Mario.html">Click me to go to back to Mario's Page </a>

</body>

问题是你的路径是绝对的,但HTML不使用绝对文件路径。请改用相对路径。

因此,假设您的index.html文件位于路径中

/Users/bobgohary/Desktop/index.html

你这里有另一个文件:

/Users/bobgohary/Desktop/Linking/Europe/Italy/Tuscany/Mario.html

您需要弄清楚如何index.html获得Mario.html,这是解决方案:

<a href="/Linking/Europe/Italy/Tuscany/Mario.html">

这是您应该在 HTML 中链接文件的方式。

最新更新