Question

我已经启动了html基础知识，我正在尝试使用这样的3个网站进行简单的导航菜单（底部的索引是主页，而“podstrona”文件夹中的这些是子页面）：

我的代码看起来像这样：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>

<ul id="menu_lista">  
	<li><a href="index.html">Strona Główna</a></li>  
	<li><a href="/podstrona1/index.html">Podstrona nr 1</a></li>  
	<li><a href="/podstrony/podstrona2/index.html">Podstrona nr 2</a></li> 
</ul>  


</body>
</html>

我尝试了不同的路径，但没有人可以将我带到任何子页面。我应该输入什么来获取它们？我在网上搜索过但我没有找到任何有用的东西。

Answer 1

您已podstrony，请删除第一个链接的第一个斜杠，以及第二个链接中的/podstrony/。

当您保留斜杠时，表示您的页面将在服务器的根目录中搜索。没有它，路径相对于当前文件路径。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>

<ul id="menu_lista">  
    <li><a href="index.html">Strona Główna</a></li>  
    <li><a href="podstrona1/index.html">Podstrona nr 1</a></li>  
    <li><a href="podstrona2/index.html">Podstrona nr 2</a></li> 
</ul>  


</body>
</html>

导航菜单不会重定向到子页面

1 个答案: