在 HTML 导航栏中链接到 XAMPP 中的 PHP 文件-php教程-PHP中文网

在 HTML 导航栏中链接到 XAMPP 中的 PHP 文件

碧海醫心

发布： 2025-10-02 22:04:01

原创

295人浏览过

在 html 导航栏中链接到 xampp 中的 php 文件

本教程将指导您如何在本地 HTML 网页的导航栏中创建一个链接，该链接指向位于 XAMPP 的 htdocs 文件夹内的 PHP 文件。通过简单的 HTML 锚点链接，您可以轻松地将用户从静态 HTML 页面引导到动态 PHP 页面，例如联系表单。

链接到 PHP 文件

要在 home.html 文件中创建一个链接，指向 XAMPP htdocs 文件夹中的 index.php 文件，您需要使用 HTML 锚点标签 <a>。由于 index.php 位于 htdocs 文件夹的根目录下，因此默认情况下，您可以通过 http://localhost/ 或 http://127.0.0.1/ 来访问它。

以下是在 home.html 导航栏中创建链接的示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>Home</title>
</head>
<body>

  <nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="http://localhost/index.php">Contact Us</a></li>
      <li><a href="#">Services</a></li>
    </ul>
  </nav>

  <h1>Welcome to my website!</h1>

</body>
</html>

登录后复制

在这个例子中，<a> 标签的 href 属性被设置为 http://localhost/index.php。当用户点击导航栏中的 "Contact Us" 链接时，浏览器将重定向到 index.php 文件，该文件应在 XAMPP 服务器上运行。

百度文心百中

百度大模型语义搜索体验中心

查看详情

立即学习“PHP免费学习笔记（深入）”；

注意事项：

XAMPP 服务器必须运行： 确保您的 XAMPP 服务器正在运行，否则链接将无法正常工作。您需要在 XAMPP 控制面板中启动 Apache 服务器。
文件路径： 确保 index.php 文件确实位于 htdocs 文件夹的根目录下。如果文件位于子目录中，则需要相应地调整 URL。例如，如果 index.php 位于 htdocs/contact/ 目录下，则链接应为 http://localhost/contact/index.php。
端口号： 如果您的 Apache 服务器使用非标准的端口号（例如 8080），则需要在 URL 中指定端口号。例如，如果 Apache 在端口 8080 上运行，则链接应为 http://localhost:8080/index.php。
相对路径: 如果 home.html 也在 htdocs 根目录下，可以使用相对路径 ./index.php 或 index.php，但为了避免潜在的问题，推荐使用绝对路径 http://localhost/index.php。