Php 在导航栏中显示图像

我有一个在index.php中调用的navbar.php。 导航栏看起来和工作都很好，但在其中一个选项卡中，我只是有一个单词Logo，我想用一个真实的图像来替换它。就像很多网站一样。我见过很多人使用bootstrap，但我一点也不熟悉。我尝试使用的PHP和CSS有什么问题

navbar.php的路径 project/file.css

image.png的路径 project/img/image.png

navbar.php

<div class="navbar">
    <a class="logo" href="#" img src="img/image.png"></a>
    <div class="navbar-right">
        <a class="active" href="../index.php">Home</a>
        <a href="../include/about.php">About</a>
    </div>
</div>

---

HTML标记的问题就在这里

<a class="logo" href="#" img src="img/image.png"></a>

通过上面的标记，您是说超链接应该是图像，或者应该充当图像或类似的东西。这没有道理

您可以访问以下网站： 并相应地搜索您的图标。您还可以下载它并将其存储在系统文件夹中

完成此操作后，可以按如下方式编写上述代码：

 <div class="navbar">
 <a class="logo" href="#"><span><img src="yourImgURLHere"/></span> </a>
 <div class="navbar-right">
 <a class="active" href="../index.php">Home</a>
 <a href="../include/about.php">About</a>
 </div>
 </div>

---

希望这能有所帮助。

我不确定你对图标的意思，但span标签解决了我的问题，现在我又遇到了一个小问题。他们的图像看起来很小，还是填充？它周围很大。我怎样才能让它尽可能地填满吧台呢？下面是它现在的样子，为了避免任何混淆，您可以访问此链接并选择所需的导航栏类型。您也可以通过单击“试用”按钮复制代码。我相信这将解决你的问题，甚至填补利润。

 <div class="navbar">
 <a class="logo" href="#"><span><img src="yourImgURLHere"/></span> </a>
 <div class="navbar-right">
 <a class="active" href="../index.php">Home</a>
 <a href="../include/about.php">About</a>
 </div>
 </div>