如何在导航栏中创建链接？

Question

我今年正在为我的编程课程创建我的第一个网站，它将放在互联网上。我有主页和导航栏。现在，假设我在导航栏中有“联系我们”，单击它后，我希望打开“联系我们”页面。我在哪里编写“联系我们”页面的代码？我是否要创建一个新的 .html 文件，从原始页面复制一些代码并更改我想要的“联系我们”内容？那我在原始页面上以什么形式写“联系我们”页面的链接呢？

<li><a href="#">KONTAKTUJTE NÁS</a></li>

我查看了网上的其他网站，它总是原始页面的 URL，然后是 /contact-us。但是，只是……怎么办？我将感谢每一个答案。

我知道我现在听起来真的很愚蠢，相信我，我在互联网上搜索了几个小时，但我真的不知道如何提出我的问题（英语不是我的母语，所以这也可能是问题的一部分））。我总是得到“用超链接放在那里”。但是就像该页面尚未在互联网上一样，我只是不知道在哪里编写代码。

Answer 1

这就是基本的 HTML。假设

index.html

是您的目标网页，您想要访问

contact.html

。

您的

index.html

文件将是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
</head>
<body>
    <a href="./contact.html">contact</a>
</body>
</html>

contact.html

：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>contact</title>
</head>
<body>
    <h2>Contact</h2>
</body>
</html>

现在您可以在浏览器中打开

index.html

文件并单击链接。

contact.html

将打开。

您可能想阅读一些有关基本 html 的文章：

W3Schools HTML

W3Schools HTML 链接

Answer 2

是的，您应该在同一项目中创建一个联系我们页面作为 html 文件。

如 Contact.html

并设置一个链接，如

<li><a href="/Contact.html"> Contact us </a></li>

与您想要访问联系页面中的 origin.html 时相同

<li><a href="/origin.html"> origin </a></li>

Answer 3

您可以制作如下所示的导航，但在实际项目中，每个页面仅更改 html 部分，而重用其他代码（如页眉、导航、页脚）。为了实现使用模板引擎，您可以参考https://www.eduative.io/answers/what-are-template-engines了解更多

*{
  margin:0;
  padding:0;
}
nav{
  width:100%;
  background-color:black;
  height:2rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
ul{
  display:flex;
  list-style:none;
}
li:not(:last-child){
  padding-right:1rem;
}
li a{
  text-decoration:none;
  color:white;
}

<nav>
  <ul>
    <li><a href="">Home</a></li>
    <li><a href="">About Us</a></li>
    <li><a href="">Contact Us</a></li>
  </ul>
</nav>

Answer 4

它使用PHP从一个索引页定向多个页面

索引中：

<?php
  require_once('config.php');
  require_once(@mainpage);
?>

在config.php中：

<?php
  @$viewpage=$_REQUEST['page'];
  switch($viewpage)
  {
    case 'contactus':
      $mainpage="contactus.php";
      break;
  }
?>

链接方向：

"index.php?page=contactus"

Answer 5

您可以使用此标签在导航栏中创建/添加链接：

<li><a href="jisjds"</a></li>

如何在导航栏中创建链接？

问题描述投票：0回答：5

5个回答

最新问题

如何在导航栏中创建链接？

问题描述 投票：0回答：5

5个回答

最新问题

问题描述投票：0回答：5