Question

我目前正在我的网站上工作，但我遇到了一个问题。我有一个Twitter按钮，链接到我的Twitter个人资料，但是当我在网站上制作图像或文本时，它就变成了一个链接，如果我点击它，它会转到Twitter个人资料。我似乎无法找到错误。

以下是我的一些代码。

<!DOCTYPE html>

    <title>Home</title>

        <div class="PageLinkBar">
            <ul class="ScrollPagelsidebar">

                <li><a href="contact.html">Contact</a></li>
                <li><a href="company.html">Company</a></li>
                <li><a href="games.html">Games</a></li>

            </ul>
        </div>

    <div class= "image2">
            <a href="index.html"><img src="image2.png" alt="image2" title="image2" border="0" width= 150px; height= 100px; />
    </div>

    <div class="twitterbutton">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/>
    </div>

    <div class="image2">
            <img src="image2.png" alt="image2" style="width:1050px;height:530px">
    </div>

    <div class="image">
            <img src="image.png" alt="image" style="width:400px;height:40px">
    </div>

    <div class="TwitterbuttonNRGindex">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/>
    </div>

Answer 1

twitter按钮和twitterbuttonnrgindex缺少</a>结束标记。这可以将所有内容显示为链接，因为浏览器认为所有内容都在<a>标记中。

Answer 2

您需要关闭<a>代码，如下所示：

<!DOCTYPE html>
    <title>Home</title>

        <div class="PageLinkBar">
            <ul class="ScrollPagelsidebar">

                <li><a href="contact.html">Contact</a></li>
                <li><a href="company.html">Company</a></li>
                <li><a href="games.html">Games</a></li>

            </ul>
        </div>

    <div class= "image2">
            <a href="index.html"><img src="image2.png" alt="image2" title="image2" border="0" width= 150px; height= 100px; /></a>
    </div>

    <div class="twitterbutton">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/></a>
    </div>
    <div class="image2">
            <img src="image2.png" alt="image2" style="width:1050px;height:530px">
    </div>

    <div class="image">
            <img src="image.png" alt="image" style="width:400px;height:40px">
    </div>

    <div class="TwitterbuttonNRGindex">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/></a>
    </div>

图片链接到Twitter个人资料

2 个答案: