如何 link .html 文件

How to link .html files

好的。我在 HTML 中编码,但遇到了一个问题。

我有 3 个 HTML 个文件:

main.htmlbuy.htmlCSS.css

我正在尝试弄清楚如何在 main.html 上放置 link 或 hyperlink 以将我重定向到 buy.html

编辑:有人告诉我 buy.htmlmain.html 必须在同一目录中。如何将 buy.html 添加到与 main.html 相同的目录?

作为参考,我使用 repl.itHTML

中进行编码

你只需要做:

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

如果您曾经将它放在网站上,请确保将 link 更新为不是文件路径,并将其设为 url。

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

你可以把 link 放在 file4.html 的文件名中,像这样:

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

这当然只有在它们都在同一目录中时才有效,否则,您将不得不指定相对路径。

此示例将在新浏览器中打开 linked 文档 window/tab:

<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>

有用提示部分

然后,在同一页面内将 link 添加到书签 ("Useful Products Section"):

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

或者,从另一页向书签 ("Useful Tips Section") 添加 link: 例子

<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>

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

使用 <a href="buy.html">Click link here</a> href 部分是它将引导您进入的页面,单击此处的 link(或您想要的任何名称)是实际显示的 link在网页上。

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