html - 我遵循的教程留下了 '#' 代替按钮中的链接。如果我想将其托管在实际服务器上，该如何解决？

Question

我是 HTML 和 CSS 的初学者，我看了这个人的 tutorial关于如何建立投资组合。

在“nav”类中，他保留了这样的代码，

<div class="nav">
    <a class="a active" href="#">Home</a>
    <a class="b"href="#">Gear</a>
    <a class="c" href="#">Colour Dump</a>
    <a class="d" href="#">BnW Dump</a>
</div>

他正在构建的网站似乎更像是一个基于本地的 html 文件，而不是托管在实际服务器上，因为按钮中没有任何链接。我将如何解决这个问题？我计划在实际的 Web 服务器上托管该网站，我刚刚对其进行了测试，由于缺少按钮，这些按钮不会指向任何地方。

Here is a pastebin leading to my html file和 one to my css file .

如果某些类名称具有误导性(即与标题不匹配)，我深表歉意，我正在按照他的教程进行操作，之后才编辑了细节。

提前感谢您提供的任何帮助!!

Answer 1

您在导航中的 href 链接很可能会像这样链接到您网站上的另一个页面:

<div class="nav">
  <a class="a active" href="/about">Home</a>
</div>

另一种选择是 anchor 链接。例如，如果您有一个单页网站，就是这种情况。

<div class="nav">
  <a class="a active" href="#about">Home</a>
</div>
// Jumps to the element with the id="about"

如果你的导航链接到另一个网站，它看起来像这样

<div class="nav">
  <a class="a active" href="https://example.com">Go to Example</a>
</div>
// This link is external

了解链接的不同属性也很有趣。你可以找到一个错误阅读 here.