不同的页面导航栏

我知道，这个问题可能听起来很蠢，但我是一个初学者所以只是听我说完。我有一个带有文本但没有链接的导航栏（关于，项目等，用户无需去任何页面）。我如何为用户添加页面以单击导航栏并转到它们（例如，当用户单击“关于”时，他将转到我制作的关于页面）。我正在使用HTML5和CSS3。任何帮助表示赞赏！不同的页面导航栏

代码列表：

<ul class = "list"> 

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

    </ul>

来源

2016-12-17 Sinan Sinan

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

<!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>

将文件保存为您刚才创建的文件夹中的“welcome.html”。保存在同一文件夹中的文件为“about.html”

<!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>

：

创建另一个文本文档和过去的下面的代码。

在浏览器中打开“welcome.html”，看它是否有效。

属性href是它位于您的计算机上的文件的路径。

来源

2016-12-17 11:19:00 unitario

@ klik.klonk。 t是一个真正的魔术！）））） – Banzay

@Banzay在一开始没有人是一个专家。 – unitario

当然，兄弟。随着微笑业务走得更快。 – Banzay

不同的页面导航栏

回答

相关问题