如何从html文件创建子页面

时间:2018-06-12 22:09:48

标签: html

我无法找出一个描述我需要的标题,但我会在这里解释一下。 (我知道如何制作一个子页面,只是想弄清楚如何制作一个路径。)

这可能看起来像一个愚蠢的问题(我在研究之后无法弄清楚我的生活),但是如何为你的html文件创建一个子页面,以便它是一个如下的途径:

exemplesite。 COM / Porfolio /

然后单击一个图像,将您带到一个新的子页面,然后URL变为:

exemplesite。 COM /投资组合/项目-1

并且不改变页面。 (我不想这样:exemplesite.com / Project-1)

希望这是有道理的。

谢谢

2 个答案:

答案 0 :(得分:0)

要为子页面创建链接,请链接到该文件夹​​,然后链接到要链接到的文件夹中的页面标题。

例如:

您就是这样做的:

<a href="FILENAME.html">PAGE NAME</a>

如果FILENAME.html不是同一个目录,您可以这样解决:

<a href="FOLDER/FILENAME.html">PAGE NAME</a>

通过:https://forums.digitalpoint.com/threads/creating-links-for-subpages.2150899/

回答

在您提供的示例Portfolio/Project-1中,您将拥有一个文件夹Porfolio,并在其中包含一个文件Project-1.html

答案 1 :(得分:0)

您可以通过在本地href链接中添加简单引用元素ID来创建页面中的“跳转”锚点(请参阅代码段)。我添加了一个相当大的(ish)填充底部,以清楚地展示跳跃。

p {
  padding-bottom:40px;

}
<body>

  <p><a href="#books">Link to Books</a></p>

  <h2>Introduction</h2>
  <p>Welcome!</p>

  <h2>Fruit</h2>
  <p>Apples, Bananas, etc.</p>

  <h2 id="books">Books</h2>
  <p>List of books</p>
</body>