Html 如何在列表项中创建可单击的图像和链接（锚定）

正如标题中提到的，我想在li中得到一个图标和一个标签

我希望在导航栏中文本左侧有一个小图标，但也可以单击整个栏

我试着用谷歌搜索，但没有搜索结果

我目前的情况是这样的：

HTML

<ul>
    <li><img src="../resources/images/test.png" /><a href="#text">Login</a></li>
    <li><a href="#test">Test1</a></li>
    <li><a href="#test">Test2</a></li>
    <li><a href="#test">Test3</a></li>
    <li><a href="#test">Test4</a></li>
</ul>

这样做,， 将Img放在A标签中，然后两者都可以单击到您提供的任何href

<ul>
    <li>
    <a href="https://www.google.com" target="_blank">
    Login
    <img src="../resources/images/test.png" />
    </a>
    </li>
    <li><a href="#test">Test1</a></li>
    <li><a href="#test">Test2</a></li>
    <li><a href="#test">Test3</a></li>
    <li><a href="#test">Test4</a></li>
</ul>

像这样做， 将Img放在A标签中，然后两者都可以单击到您提供的任何href

<ul>
    <li>
    <a href="https://www.google.com" target="_blank">
    Login
    <img src="../resources/images/test.png" />
    </a>
    </li>
    <li><a href="#test">Test1</a></li>
    <li><a href="#test">Test2</a></li>
    <li><a href="#test">Test3</a></li>
    <li><a href="#test">Test4</a></li>
</ul>

为什么你期望锚之外的东西会像锚里面的东西一样工作？@isherwood我通常不使用CSS/HTML，所以我需要回去。我不太喜欢所有的规则和东西。当然。记住，不在某事物内部的事物不在该事物内部。：）为什么你期望你的锚之外的东西会表现得好像它在里面一样？@isherwood我通常不使用CSS/HTML，所以我需要回去。我不太喜欢所有的规则和东西。当然。记住，不在某事物内部的事物不在该事物内部。：）