html导航栏怎么定向到php

在HTML页面中创建导航栏并实现跳转到PHP页面，是网站开发中常见的需求，本文将详细讲解如何使用HTML和PHP实现导航栏的定向功能，下面我们就一步步来学习如何操作。

创建HTML导航栏

我们需要创建一个HTML页面，并在该页面中添加导航栏，导航栏通常使用<ul>（无序列表）或<nav>（导航栏）标签来实现，这里我们以<ul>为例进行讲解。

1、创建基本的HTML结构：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>导航栏示例</title>
    <style>
        /* 在这里添加CSS样式 */
    </style>
</head>
<body>
    <!-- 在这里添加导航栏代码 -->
</body>
</html>

2、添加导航栏：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>导航栏示例</title>
    <style>
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;
        }
        li {
            float: left;
        }
        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }
        li a:hover {
            background-color: #111;
        }
    </style>
</head>
<body>
<ul>
    <li><a href="index.php">首页</a></li>
    <li><a href="about.php">关于我们</a></li>
    <li><a href="contact.php">联系方式</a></li>
</ul>
</body>
</html>

在上面的代码中，我们创建了一个简单的导航栏，包含三个链接：首页、关于我们、联系方式，注意，这里的链接指向的是.php后缀的文件。

创建PHP页面

html导航栏怎么定向到php

我们需要创建对应的PHP页面，这里以index.php为例，其他页面的创建方法类似。

1、创建index.php：

<?php
// 这里可以添加PHP代码
?>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h1>这是首页</h1>
</body>
</html>

同理，创建about.php和contact.php页面。