Question

我是一名新手程序员，我最近创建了一个html网站。这将是我的朋友和我之间的一个项目。它主要是Flash游戏，但我在一个名为“chatbutton.com”的网站上添加了一个“聊天”功能。在屏幕的左侧有三个按钮，“游戏”，“聊天”和“关于”。当我在“游戏”和“关于”页面时，所有按钮都可以正常工作，但是当我在“聊天”页面上时，“游戏”按钮似乎不起作用。以下是聊天页面的代码：

<HTML>
<HEADER>
    <TITLE>CBgames.com</TITLE>
</HEADER>
<BODY bgcolor=#474747 text=#FFFFFF>
    <CENTER>
        <img src="siteimages/title.gif">
    </CENTER>
    <table>
<tr>
    <td><img 
    <a href=file:///C:/Users/user/Desktop/htmlwebsite/games.html>
        <img src="siteimages/gamesbutton.gif" onmouseover="this.src='siteimages/mouseovergamesbutton.gif';" onmouseout="this.src='siteimages/gamesbutton.gif'" /><br>
    <a href=file:///C:/Users/user/Desktop/htmlwebsite/chat.html>
        </br><img src="siteimages/chatbutton.gif" onmouseover="this.src='siteimages/mouseoverchatbutton.gif';" onmouseout="this.src='siteimages/chatbutton.gif'" /><br>
    <a href=file:///C:/Users/user/Desktop/htmlwebsite/about.html>
        </br><img src="siteimages/aboutbutton.gif" onmouseover="this.src='siteimages/mouseoveraboutbutton.gif';" onmouseout="this.src='siteimages/aboutbutton.gif'" /><br>
</br></td>
    <td><iframe name="CHATBUTTON_CHATBOX" id="CHATBUTTON_CHATBOX" src="https://www.chatbutton.com/chatroom/18374628/" width="1500" height="700" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no"><a href="https://www.chatbutton.com/chatroom/18374628/">Enter Chat Room</a></iframe>
    <script type="text/javascript">
        CHBT_channel="18374628";
        CHBT_profanityfilter="1";
        CHBT_position="inline";
        </script>
        <script type="text/javascript" src="https://www.chatbutton.com/c.js">
        </script>
    </td>
        </tr>
    </table>
</BODY>

固定IT：我在第11行意外写了<img

Answer 1

您好似忘记关闭带有<a>结尾标记的</a>代码。因此，您的浏览器仍然认为该表是超链接部分的一部分。

附注：在href =

之后将文件路径放在引号中

Answer 2

这是因为，当你制作一个标签（大多数时候），例如<a>时，你必须关闭它。在您的代码中，您创建了一个<a>：

<a href="file:///C:/Users/user/Desktop/htmlwebsite/about.html">

但从不关闭它，因此该表包含在链接内。要解决此问题，请按以下步骤关闭所有<a>：

<a href="file:///C:/Users/user/Desktop/htmlwebsite/games.html">
    <img src="siteimages/gamesbutton.gif" onmouseover="this.src='siteimages/mouseovergamesbutton.gif';" onmouseout="this.src='siteimages/gamesbutton.gif'" />
</a><br>
<a href="file:///C:/Users/user/Desktop/htmlwebsite/chat.html">
    <img src="siteimages/chatbutton.gif" onmouseover="this.src='siteimages/mouseoverchatbutton.gif';" onmouseout="this.src='siteimages/chatbutton.gif'" />
</a><br>
<a href="file:///C:/Users/user/Desktop/htmlwebsite/about.html">
    <img src="siteimages/aboutbutton.gif" onmouseover="this.src='siteimages/mouseoveraboutbutton.gif';" onmouseout="this.src='siteimages/aboutbutton.gif'" />
</a><br>

另外，请勿忘记将href的文件路径放在引号（"）中。并且，无需单独关闭<br>。你根本不需要关闭它们。

编辑：您在img之前拥有<a>标记的一部分。删除它或使其成为某种东西。

Answer 3

在第一个链接之前，您有一个<img部分代码。

此外，您需要在<a...>之后使用</a>关闭<img>代码。

请注意，您正在引用本地计算机上的文件，因此显然没有其他人能够看到它们。

您可能希望通过HTML验证程序运行代码。

为什么这个按钮不起作用？

3 个答案: