我是 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 .
如果某些类名称具有误导性(即与标题不匹配),我深表歉意,我正在按照他的教程进行操作,之后才编辑了细节。
提前感谢您提供的任何帮助!!
最佳答案
您在导航中的 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.
关于html - 我遵循的教程留下了 '#' 代替按钮中的链接。如果我想将其托管在实际服务器上,该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59695824/