如何链接.html文件[关闭]答案

【问题标题】：How to link .html files [closed]如何链接.html文件[关闭]
【发布时间】：2017-01-19 05:03:11
【问题描述】：

好的。我正在使用HTML 进行编码，但我遇到了一个问题。

我有 3 个HTML 文件：

main.html、buy.html 和 CSS.css

我正试图弄清楚如何在main.html 上放置一个链接或超链接，将我重定向到buy.html。

编辑：我被告知buy.html 和main.html 必须在同一个目录中。如何将buy.html 添加到与main.html 相同的目录中？

作为参考，我在HTML中使用repl.it进行编码

【问题讨论】：

他们在同一个目录吗？
嘿，Jacob，这似乎是一个非常基本的问题。您可能应该做更多的研究并阅读更多的教程。
我不相信，现在试试。
安德鲁，我是一个非常新的 HTML 脚本编写者。 ../buy 应该在 CSS.css 还是 file4.html 中？
@JacobSnyder google.com 是一个很好的工具，可以为 99% 的初学者问题找到解决方案。让我们问一个问题：how to make a link to html local file。单击第一个结果，您的答案得到了很好的描述。编辑：假设它们在同一个目录中 - 从你的路径中删除斜杠。

标签： html css repl.it

【解决方案1】：

此示例将在新的浏览器窗口/选项卡中打开链接的文档：

<a href="http://www.example.com/" target="_blank" title="Visit My Page">Visit My Page</a>

您可以使用 target="_top" 打破框架：

<a href="http://www.example.com/html/file4.html" target="_top" title="Visit My Page">Visit My Page</a>

实用提示部分

然后，在同一页面中添加一个指向书签（“有用产品部分”）的链接：

<a href="#products" title="Visit the Useful products Section">Visit the Useful products Section</a>

或者，从另一个页面添加指向书签（“有用提示部分”）的链接：示例

<a href="file4.html#products" title="Visit the Useful products Section">Visit the Useful products Section</a>

--

<a href="page2.html" title="Link">Link</a>

如果page2.html 与文件夹处于同一级别，则路径为：

<a href="../page2.html" title="Link">Link</a>

【讨论】：

我试过 Link 但它仍然说找不到页面。
@JacobSnyder 他们在同一个目录中吗？ - 文件格式 -> .HTML 或 .HTM ?
我试图链接的文件名为buy.html，但不确定它是否在同一目录中
@JacobSnyder 您使用的是主机还是本地主机？
我正在使用 repl.it，所以很可能是 localhost？

【解决方案2】：

您可以像这样在file4.html 中放置指向文件名的链接：

<a href="buy.html">Link</a>

当然，这只有在它们都在同一个目录中时才有效，否则，您必须指定相对路径。

【讨论】：

好的。我试过了，但它说找不到页面。如何将它们添加到同一目录？

【解决方案3】：

从您的问题来看，您似乎想从当前页面（即 file4.html）跳转到 buy.html。一个简单的带有href设置为相对路径的锚标记（如果buy.html在当前目录中的相同或任何目录中）或绝对路径（如果它存在于完全不同的目录结构中）例如 <a href="buy.html">Click to go Buy.html</a>

【讨论】：

【解决方案4】：

你会这样做：

<a href="filepath">click me</a>

如果您曾经将其放在网站上，请确保将链接更新为不是文件路径，并将其设置为网址。

请注意，您的主要html 文件应该是index.html

【讨论】：

你需要指定它是一个文件而不是一个 url 所以 href="file:///filename"。如果 buy.html 与您的其他文件位于同一目录中，这将起作用。如果您仍然感到困惑，请查看this

【解决方案5】：

使用<a href="buy.html">Click link here</a>，href 部分是它会将您引导至的页面，而此处的点击链接（或您想调用的任何名称）是网页上显示的实际链接。

如果文件都在同一个文件夹这种方式是正确的，否则你必须有.html文件的文件路径

【讨论】：