PHP页面图片无法显示求助 及Bootstrap导航栏使用疑问

一、图片无法显示的原因及解决方法 #

你使用了本地磁盘绝对路径C:\xampp\htdocs\testfile\Images\img tk01 (2).png，浏览器从Web服务器（XAMPP的Apache）请求资源时，无法直接访问本地磁盘路径，必须改用相对路径或服务器根路径：

相对路径（推荐） #

由于trial.php位于testfile文件夹下，Images是testfile的子文件夹，相对路径可写成：

<img src="Images/img tk01 (2).png" alt="图片">

或者明确当前目录：

<img src="./Images/img tk01 (2).png" alt="图片">

服务器根路径 #

以XAMPP的htdocs为根目录，路径写成：

<img src="/testfile/Images/img tk01 (2).png" alt="图片">

额外建议：文件名中的空格容易引发解析异常，尽量改成img-tk01-2.png这类无空格的命名。

二、PHP中使用Bootstrap导航栏的问题 #

完全没问题。PHP是后端语言，最终输出到浏览器的仍是HTML代码，只要正确引入Bootstrap的CSS和JS文件，就能像在纯HTML中一样使用导航栏，还可以借助PHP动态生成导航菜单内容（比如根据用户权限显示不同选项）。

示例（引入Bootstrap后使用导航栏）：

<!DOCTYPE html>
<html>
<head>
    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body>
    <!-- Bootstrap导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">首页</a>
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">内容</a>
                    </li>
                    <!-- PHP动态生成菜单项 -->
                    <?php echo '<li class="nav-item"><a class="nav-link" href="#">动态菜单</a></li>'; ?>
                </ul>
            </div>
        </div>
    </nav>

    <?php echo "hello"; ?>
    <img src="Images/img tk01 (2).png" alt="图片">

    <!-- 引入Bootstrap JS（需要交互功能时添加） -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

内容的提问来源于stack exchange，提问作者Virtualization