Question

所以这是我目前的HTML代码，位于<head>部分：

<ul class="nav">
    <li>
        <a href="http://www.greg-holmes.com/#/title" target="_blank">
            <img src="img/home.png">
        </a>
    </li>
    ... <!-- Deleted some elements for readability -->
    <li>
        <a href="http://www.instagram.com/djspiffy" target="_blank">
            <img src="img/instagram.png">
        </a>
    </li>
</ul>

这是随之而来的CSS：

.nav {
    border-width: 1px 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.nav li {
    display: inline;
}

.nav a {
    display: inline-block;
    padding: 10px;
}

代码是greg-holmes的实时代码，但由于某种原因链接无效。

Answer 1

您需要将HTML代码放在<body>代码中，而不是<head>代码

Answer 2

HTML不会进入页眉，所有HTML都属于正文..您的代码应该是

<html>

<head>
...
</head>

<body>
    <ul class="nav">
        <li>...</li>
    </ul>
</body>

</html>

NavBar图像链接不起作用，但代码是完美的。这是怎么回事？

2 个答案: