Html 尝试在boostrap徽标中添加图像徽标

我有下面的导航条形码，你可以看到，我试图添加一个图像作为标志，而不是文本。下面的方法不起作用

<li class="nav-item">
    <a class="nav-link active" aria-current="page" img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid.png">Home</a>
</li>
        

还尝试：

 <a class="nav-link active" aria-current="page" >img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid.png"</a>

尝试3

---

我还想知道去哪里/使用什么文档来找到这些东西的正确语法

您需要将徽标放置在带有一类navbar品牌作为img标签的a标签中

您没有正确编写img标记的语法。 正确的语法是

完整示例：

---

您需要将徽标放置在带有一类navbar品牌作为img标签的a标签中

您没有正确编写img标记的语法。 正确的语法是

完整示例： 您在img标记中出错，请将其设置为：

<li class="nav-item">
  <a class="nav-link active" aria-current="page"> 
    <img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid.png" alt="home"/>
   </a>
</li>

您在img标记中出错，请将其设置为：

<li class="nav-item">
  <a class="nav-link active" aria-current="page"> 
    <img src="https://www.pngfind.com/pngs/m/572-5720766_eye-logos-png-image-with-transparent-background-eyelid.png" alt="home"/>
   </a>
</li>