当你构建一个网站时,你可能想拥有多个网页. 如果你想添加和链接到额外的网页,你需要首先在你的网站项目目录中创建一个新的html文件。
我们的 演示网站包含一个关于网页. 在本教程中,我们将引导您创建和链接到一个关于网页的过程,但您可以更改这个网页的标题和内容以满足您的需求。
要为您的网站添加一个新页面,请创建一个名为)。
注:如果您决定为文件选择自己的名称,请确保避免字符空间,特殊字符(如!, # , % 或其他字符)和大写字母,因为这些可能会在以后引起问题。
接下来,您需要通过添加信息来格式化文件,以帮助浏览器解释文件内容。
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>About</title>
6 </head>
7</html>
请务必用你想要的页面标题来更改突出的文本。 对于每个HTML标签的解释,请访问本系列的早期教程 添加HTML元素到您的网站。
在将任何内容添加到此页面之前,让我们通过在您的主页上添加链接的步骤。
首先,回到您的index.html文件,并在您的网站的标题下方和关闭标签上方添加以下片段:
1...
2<p style="font-size: 20px; color:#1F9AFE;">
3<a href="Webpage_FilePath">About this site</a>
4</p>
5...
将突出的文件路径更改为 )。
请注意,我们还使用风格属性指定了字体大小和颜色,保存您的index.html文件并在浏览器中重新加载。
你现在应该有一个链接,引导到你的about.html网页,如下:
如果您收到错误,请确保您的文件位于与您的 index.html 文件相同的项目目录中,并且您的项目路径没有错误。
您现在应该知道如何创建并链接到您的网站上的新网页. 您可以使用这些相同的步骤来创建和链接到您的网站上的其他网页。