Question

我的问题在于我有一个html制作的菜单，其中包含一些链接，但是当我在导航标签后创建另一个标签时，最后一个链接看起来仍然保持链接而没有我这样做。我在google上环顾四周，似乎无法找到链接持续存在的任何内容，而我没有将其专门链接到。自从我最近开始使用HTML以来，我觉得最有可能与我对基础知识的理解有关。这是代码：

<html>

    <head>
        <title>Company</title>
        <link rel="stylesheet" href="Style.css">
    </head>

    <body>
        <nav id="menu">
            <ul>
                <li><a href="Home.html">Home</li>
                <li><a href="Products.html">Products</li>
                <li><a href="About Us.html">About us</li>
                <li><a href="Contact.html">Contact us</li>
            </ul>
        </nav>
        <h1>1</h1>
    </body>

</html>

我的样式表，如果问题出现在那里？：

#menu nav{
    position:fixed;

    margin:0;
    padding:0;
    border:0;

}

#menu ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    border:2px;
    border-style:solid;
    background-color:#ccc;
    justify-content:space-around;
}

#menu ul li{
    display:inline;

    margin:0;
    padding:0;
}

#menu li a{
    display:inline-block;
    list-style:none;
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    font-size:2em;
    color:blue;
}

#menu li a:hover{
    margin:0;
    padding:0;
    border:0;
    text-decoration:underline;
    color:#cdg;

}

Answer 1

您错过了每个链接的结束时间。

更新

<li><a href="Home.html">Home</li>
<li><a href="Products.html">Products</li>
<li><a href="About Us.html">About us</li>
<li><a href="Contact.html">Contact us</li>

要：

<li><a href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="About Us.html">About us</a></li>
<li><a href="Contact.html">Contact us</a></li>

Answer 2

您正在使用通常指定链接的标记。通过添加href =“some location”，这将使得当单击文本时，您将被重定向到该链接。

如果你删除了href =“Contact.html”，它就不会链接到任何地方。

您还需要结束链接，在每行的结束标记之前添加一个结束标记

Answer 3

您缺少</a>的结束标记，它应该如下代码

        <li><a href="Home.html">Home</a></li>
        <li><a href="Products.html">Products</a></li>
        <li><a href="About Us.html">About us</a></li>
        <li><a href="Contact.html">Contact us</a></li>

HTML代码链接不应该在哪里？

3 个答案: