Question

我最近开始构建我的第一个网站，我还是html的初学者。我的网站旁边有三个按钮，＆＃34;游戏＆＃34;，＆＃34;聊天＆＃34;和＆＃34;关于＆＃34;。他们都有自定义图片，但似乎有一个非常小的超链接＆＃34; - ＆＃34;在按钮的右下角。像超链接一样，单击时会变为红色。这是我点击＆＃34;游戏＆＃34;按钮：正如您所看到的，有一个小的＆＃34; - ＆＃34;按钮右下角的超链接。这是我的游戏页面的所有代码：＆LT; HTML＆GT; ＆LT;报头GT; ＆LT;标题＆GT; CBgames.com＆LT; /标题＆GT; ＆LT; /报头＆GT; ＆lt; body bgcolor =＃474747 text =＃FFFFFF＆gt; ＆LT;中心]，[ ＆lt; img src =＆＃34; siteimages / title.gif＆＃34;＆gt; ＆LT; /中心]，[ ＆lt; a href =＆＃34; file：/// C：/Users/user/Desktop/htmlwebsite/games.html"＆gt; ＆lt; img src =＆＃34; siteimages / gamesbutton.gif＆＃34;的onmouseover =＆＃34; this.src =＆＃39; siteimages / mouseovergamesbutton.gif＆＃39 ;;＆＃34;的onmouseout =＆＃34; this.src =＆＃39; siteimages / gamesbutton.gif＆＃39;＆＃34; /＆GT; ＆LT; / A＆GT; ＆LT峰; br＆GT; ＆lt; a href =＆＃34; file：/// C：/Users/user/Desktop/htmlwebsite/chat.html"＆gt; ＆lt; img src =＆＃34; siteimages / chatbutton.gif＆＃34;的onmouseover =＆＃34; this.src =＆＃39; siteimages / mouseoverchatbutton.gif＆＃39 ;;＆＃34;的onmouseout =＆＃34; this.src =＆＃39; siteimages / chatbutton.gif＆＃39;＆＃34; /＆GT; ＆LT; / A＆GT; ＆LT峰; br＆GT; ＆lt; a href =＆＃34; file：/// C：/Users/user/Desktop/htmlwebsite/about.html"＆gt; ＆lt; img src =＆＃34; siteimages / aboutbutton.gif＆＃34;的onmouseover =＆＃34; this.src =＆＃39; siteimages / mouseoveraboutbutton.gif＆＃39 ;;＆＃34;的onmouseout =＆＃34; this.src =＆＃39; siteimages / aboutbutton.gif＆＃39;＆＃34; ＆GT; ＆LT; / A＆GT; ＆LT峰; br＆GT; ＆LT峰; br＆GT; ＆lt; table Align =＆＃34; left＆＃34;边界=＆＃34; 1＆＃34;宽度=＆＃34; 300＆＃34;＆GT; ＆LT; TR＆GT; ＆lt; td＆gt;＆lt; center＆gt;我们最新的游戏：＆lt; / center＆gt;＆lt; / TD＆gt; ＆LT; / TR＆GT; ＆LT; TR＆GT; ＆LT; TD＆GT; ＆LT;中心]，[游戏和LT; /中心]，[ ＆LT;中心]，[游戏和LT; /中心]，[ ＆LT;中心]，[游戏和LT; /中心]，[ ＆LT; / TD＆GT; ＆LT; / TR＆GT; ＆LT; /表＆gt; ＆lt; style type =＆＃34; text / css＆＃34;＆gt; 身体 { 保证金：0像素; 填充底：25像素; } #footer { 白颜色; 字体：乔治，＆＃34; Times New Roman＆＃34;，Times，serif; 字体大小：16px的; 宽度：1920px; 高度：20像素; 行高：20像素; 背景色：＃474747; 文本对齐：中心; 位置是：固定; 底部：0像素; } ＆LT; /风格＆GT; ＆LT; HEAD＆GT; ＆LT;身体GT; ＆lt; div id =＆＃34;页脚＆＃34;＆gt; 版权和复制; 2015 CB-GAMES.NET [SA] - 保留所有权利＆LT; / DIV＆GT; ＆LT; /体＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; 我还是个新手，抱歉有任何麻烦。

Answer 1

这是在HTML中添加网址的语法

<a href="url">link text</a>

添加＆＃34;示例＆＃34;的示例网站网址如下所示

<a href="http://example.com">Click here to direct to Example site</a>

Answer 2

锚点的开始标记与其内部的图像（以及图像和结束标记之间）之间有空格。

空格是文字。

链接中的文字加下划线。

重新格式化HTML以删除空格。

Answer 3

你的标记仍然存在很多错误，但这是一个快速尝试让你朝着正确的方向前进的方法：

<!doctype html>
<html>
    <head>
        <title>CBgames.com</title>
        <style type="text/stylesheet">
        BODY { 
            background-color:#474747; 
            color:#FFF;
            margin:0;
            padding-bottom:25px;
            }
        .titleimage { text-align:center; }
        .buttons {
            margin-bottom: 2em;
        }
        .buttons A { display:block; }
        .table1 { text-align:left; border:solid 1px #000; width: 300px; }
        #footer {
                color:white;
                font:George, "Times New Roman", Times, serif;
                font-size:16px;
                height:20px;
                line-height:20px;
                background-color:#474747;
                text-align:center;
                position:fixed;
                left:0;right:0;bottom:0;
            }       
        </style>
    </head>
    <body>
        <dIv class="titleimage"><img src="siteimages/title.gif"></div>
        <div class="buttons">
            <a href="games.html"><img 
                src="siteimages/gamesbutton.gif" onmouseover="this.src='siteimages/mouseovergamesbutton.gif';" onmouseout="this.src='siteimages/gamesbutton.gif'" /></a>
            <a href="chat.html"><img 
                src="siteimages/chatbutton.gif" onmouseover="this.src='siteimages/mouseoverchatbutton.gif';" onmouseout="this.src='siteimages/chatbutton.gif'" /></a>
            <a href="about.html"><img 
                src="siteimages/aboutbutton.gif" onmouseover="this.src='siteimages/mouseoveraboutbutton.gif';" onmouseout="this.src='siteimages/aboutbutton.gif'" ></a>
        <div>

        <table class="table1">
            <tr><td>Our Newest Games:</td></tr>
            <tr>
                <td>
                    <div>Game</div>
                    <div>Game</div>
                    <div>Game</div>
                </td>
            </tr>
        </table>
        <footer id="footer">
           COPYRIGHT &copy; 2015 CB-GAMES.NET [SA] - ALL RIGHTS RESERVED
        </footer>
    </body>
</html>

有点混淆超链接... [HTML]

3 个答案: