Question

我知道这个问题可能听起来很愚蠢，但我是初学者，所以请听我说。我有一个带文本但没有链接的导航栏（关于，项目等，没有用户可以访问的页面）。如何为用户添加页面以单击导航栏并转到它们（例如，当用户单击＆＃34;关于＆＃34;时，他将被转移到我创建的about页面）。我使用HTML5和CSS3。任何帮助表示赞赏！

列表代码：

    <ul class = "list"> 

        <a href = ""><li>Welcome |</li></a>
        <a href = ""><li>About |</li></a>
        <a href = ""><li>Projects</li></a>

    </ul>

Answer 1

创建一个文件夹。打开文本编辑器并粘贴以下代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Welcome</title>
  </head>
  <body>
    <ul> 
      <li><a href="welcome.html">Welcome</a></li>
      <li><a href="about.html">About</a></li>
    </ul>
    <h1>Welcome</h1>
  </body>
</html>

将文件另存为＆＃34; welcome.html＆＃34;在您刚刚创建的文件夹中。

创建另一个文本文档并通过以下代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>About</title>
  </head>
  <body>
    <ul> 
      <li><a href="welcome.html">Welcome</a></li>
      <li><a href="about.html">About</a></li>
    </ul>
    <h1>About</h1>
  </body>
</html>

将该文件另存为＆＃34; about.html＆＃34;在同一个文件夹中。

打开＆＃34; welcome.html＆＃34;在浏览器中查看它是否有效。

属性href是计算机上文件的路径。

带有不同页面的导航栏

1 个答案: