Html 无法单击我的导航链接

您好，我是一个初学者，在HTML中导航栏有问题。我已经试了很多，但它们仍然不可摘

我的HTML中有错误吗

<header>
<nav display: inline;>
    <ul>
        <li>
            <navi><img src="images/header_logo.png" alt="Logo" href="index.html" width="40%" height="40%" /></navi>
        </li>
        <li>
            <navi>
                <z class="active" href="index.html">Startseite</z>
            </navi>
        </li>
        <li>
            <navi>
                <z href="produkte.html">Produkte</z>
            </navi>
        </li>
        <li>
            <navi>
                <z href="about.html">Über uns</z>
            </navi>
        </li>
        <li>
            <navi>
                <z href="agb.html">AGB</z>
            </navi>
        </li>
    </ul>
</nav>

---

感谢您的帮助

您的代码有问题，样式、锚点不正确。下面是正确的代码

* { 框大小：边框框； } 身体{ 边际：0px； 填充：0px； } img{ 最大宽度：100%； } 保险商实验室{ 边际：0px； 列表样式：无； 填充：0px； 溢出：隐藏； 背景颜色：白肋木； } 李娜{ 浮动：左； 显示：块； 文本对齐：居中； 填充：14px 16px； } 李阿{ 浮动：左； 显示：块； 文本对齐：居中； 填充：14px 30px； 边缘顶端：40px； 颜色：白色； 边框：2倍纯白； } .主动{ 背景色：6F； } li a:悬停：未激活{ 背景色：deb27a； }

---

这是您上述问题的链接 原因：-对于锚定标签，我们使用“a”而不是“z” 我们使用下面代码中使用的nav标记来代替nav标记

身体{ 保证金：0； 填充：0； } img{ 最大宽度：100%； } 保险商实验室{ 保证金：0； 列表样式：无； 填充：0； 溢出：隐藏； 背景颜色：白肋木； 位置：相对位置； z指数：1； } 李娜{ 浮动：左； 显示：块； 文本对齐：居中； 填充：14px 16px； } 李导航z{ 浮动：左； 显示：块； 文本对齐：居中； 填充：14px 30px； 边缘顶端：40px； 颜色：白色； 边框：2倍纯白； } .主动{ 背景色：6F； } li a:悬停：未激活{ 背景色：deb27a； }

---

html的结构为什么使用use而不是tag.and[]请阅读。将代码缩减到导致错误的最小示例，不仅可以为其他用户节省时间，而且通常会在您询问之前向您揭示问题。非常感谢Yonas。我终于可以继续了

body {
margin: 0px;
padding: 0px;
}

img {
max-width: 100%;
}

ul {
margin: 0px;
list-style: none;
padding: 0px;
overflow: hidden;
background-color: burlywood;
}

li navi {
float: left;
display: block;
text-align: center;
padding: 14px 16px;
}

li navi z {
float: left;
display: block;
text-align: center;
padding: 14px 30px;
margin-top: 40px;
color: white;
border: 2px solid white;
}

.active {
background-color: #deae6f;
}

li z:hover:not(.active) {
background-color: #deb27a;
}