如何使用 Visual Studio Code 创建和链接另一个网页？

Posted 2023-02-22

【中文标题】如何使用 Visual Studio Code 创建和链接另一个网页？

【英文标题】：How do i create and link another webpage with Visual Studio Code?

【发布时间】：2020-05-01 01:22:04

【问题描述】：

目前我正在关注使用 1 个 index.html 文件和 1 个 app.js 文件的在线教程，该文件仅产生 1 个页面。但是我想要多个页面，通过单击按钮来回链接，我如何拥有多个页面？

我必须在同一个 index.html 文件中对所有页面进行编码吗？还是我需要创建另一个 html？

【参考方案1】：

或者我需要创建另一个 html 吗？

是的。除非您正在构建 SPA 或使用服务器端代码动态生成 HTML：每个 HTML 文件都是一个页面。

通过单击按钮来回链接

The <a> element 用于创建页面之间的链接。

<a href="url-of-other-page.html">Other page</a>

【讨论】：

只是为了澄清我对答案的理解，“url-of-other-page.html”是另一个命名的html文件示例：第1页：homepage.html有代码，Sidepage 将我们带到 sidepage.html 那么，我是否需要在其他 html 中包含与第一个 html 链接的任何内容？

我试图将它作为 div 的一部分放入我的代码中，但它仍然没有显示链接

我测试时显示正常：jsbin.com/zeqakugite/1/edit?output

这是 jsbin 的一个怪癖。我的演示是为了证明链接确实出现了。

嗨@Quentin，对不起，我试着把它变成一个按钮，但它不起作用。是否有一些研究和许多声称超链接不能嵌套到按钮中，那我应该怎么做？