Question

这是一个功能完善的页面，其中包含工作样本的链接。我添加了一些XML工作，该链接将无法运行。我无法弄清楚为什么。如果它显而易见，我道歉。谢谢！

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a href="C++/index.html"><div class="friend"><p>C++</p></div></a>
            <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a>
            <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a>
            <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a>
            <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a>
            <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a>




        </center>
    </body>
</html>

这是样式表：

div {
    position: relative;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid black;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
}

div p {
    position: relative;
    margin-top: 40px;
    font-size: 16px;
}

.friend {
    border: 4px solid green;
}

.family {
    border: 4px solid blue;
}

.enemy {
    border: 4px solid red;
}

a:hover
{ 
background-color:yellow;
}

Answer 1

XML行上的href标记中存在拼写错误。

            <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a>

应该是

            <a href="XML/index.html"><div class="friend"><p>XML</p></div></a>

Answer 2

此<a href="XML/index.html"><div>而非<a href-"XML/index.html"><div>

Answer 3

<a href-"XML...

应该是

<a href="XML...

另外，你的代码可以使用一些修复（你的br串让我感到畏缩！）

Answer 4

像这样改变：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a href="C++/index.html"><div class="friend"><p>C++</p></div></a>
            <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a>
            <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a>
            <a href="XML/index.html"><div class="friend"><p>XML</p></div></a><!-- You have used here a "-" instead of a "=" -->
            <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a>
            <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a>




        </center>
    </body>
</html>

问题在于，你做了 - 而不是 = ：

<a href-"XML/index.html">....

Answer 5

您不应将div用于标记。给一个标签代替一个类。

HTML链接不起作用 - 这应该不难

5 个答案: