使用一个HTML文件托管多个页面

我想要一个带有标题的HTML文件，它可以在同一个页面中打开另一个页面，而不是作为新链接打开。我想在一个文件中托管5或6页，每个文件都有一个div。我与一家提供商合作，该提供商对更多页面收取更多费用，并希望将所有页面放在一个HTML文件中，这样我就不必支付更多费用。下图显示了我正在尝试执行的操作：

---

您可以使用HTML和CSS以及。例如，在HTML中：

<nav>
  <ul>
    <li><a href="#a">A</a></li>
    <li><a href="#b">B</a></li>
    <li><a href="#c">C</a></li>
  </ul>
</nav>
<section id="a">
  <h1>
    Section A
  </h1>
</section>
<section id="b">
  <h1>
    Section B
  </h1>
</section>
<section id="c">
  <h1>
    Section C
  </h1>
</section>

---

您可以在JSFIDLE上测试它：

为什么不正确地执行此操作并切换提供程序？托管非常便宜。我正在使用freenom的免费托管。如果你知道任何事情，请帮助我。重点是我根本没有钱托管，所以这就是为什么我使用该服务。为什么你要转移域名？（你不会…）图片和截图可以很好地添加到帖子中，但请确保没有它们的帖子仍然清晰有用。如果你发布代码或错误消息的图像，请确保你也直接复制粘贴或键入实际的代码/消息。我将对此进行测试，看看是否符合我的喜好，然后让你知道这接近我想要的，我有一个使用css中代码的标题35;标题{填充：10px；背景颜色：#000000；}然后我有按钮，我想把每一个都放进去，所以我的问题是，我该如何把它从列表格式中去掉，并把它放到类似这样的格式中，因为在标题中，列表将进入按钮，如第2页所示，我的旧code@RichardCooper你只需要链接到正确的锚。。。如果你不知道如何设置链接的格式，你应该为此提出不同的问题。堆栈溢出是为了明确和具体的问题。我知道如何使用a href格式化喜欢的内容。让我尝试一些方法来编辑此代码，如果它不会让你知道的话。好的，我知道你做了什么。#a#b#c允许它打开谢谢

section {
  display: none;
}
section:target {
  display: block;
}