Question

我创建了这个简单的HTML代码，但每次点击“推它”按钮，我都会看到上面电影的链接。我不明白发生了什么，这让我很紧张。如果我更改按钮的位置，单击它将转到上述电影的链接。例如，如果我把这个按钮放在Platoon电影下面点击它将带我到排的电影页面，而我不希望这个按钮做任何事情。 PLZ帮助我致谢

<!DOCTYPE html>
    <html>
    <head>	
	   <title>Movies List</title>
    </head>
    <body>
     <h1>List of Movies</h1>
      <ol>
	    <li><a href="http://en.wikipedia.org/wiki/Jodorowsky%27s_Dune"></>Jodorowsky's Dune</li>
	    <li><a href="http://en.wikipedia.org/wiki/Platoon_(film)"></>Platoon</li>
	    <li><a href="http://en.wikipedia.org/wiki/Raging_Bull"></>Raging Bull</li>
	    <li><a href="http://en.wikipedia.org/wiki/Stay_(2005_film)"></>Stay</li>
	    <li><a href="http://en.wikipedia.org/wiki/The_Equalizer_(film)"></>The Equlizer</li>
      </ol>
      <button>push it</button>
    </body>
    </html>

Answer 1

这种情况正在发生，因为您没有关闭标签。删除电影名称前的</>，并在电影名称后添加</a>，这样做，标签只会影响电影名称，如果你不关闭标签，它将是它开始后连接所有东西（在你的情况下是按钮）。

Answer 2

您尚未关闭锚标记。锚标记使用</a>而不是</>关闭。

示例：<a href="http://example.com/">Anchor Text </a>

  <ol>
    <li><a href="http://en.wikipedia.org/wiki/Jodorowsky%27s_Dune">Jodorowsky's Dune</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Platoon_(film)">Platoon</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Raging_Bull">Raging Bull</a></li>
    <li><a href="http://en.wikipedia.org/wiki/Stay_(2005_film)">Stay</a></li>
    <li><a href="http://en.wikipedia.org/wiki/The_Equalizer_(film)">The Equlizer</a></li> 
  </ol>

我希望这会有所帮助。快乐的编码！

Answer 3

您应该关闭锚标记。

喜欢这个：

<li><a href="http://en.wikipedia.org/wiki/Jodorowsky%27s_Dune">Jodorowsky's Dune</a></li>

请参阅Demo

Answer 4

你忘了关闭你的＆＃34; a＆＃34;标签

<li><a href="http://en.wikipedia.org/wiki/Jodorowsky%27s_Dune"></>Jodorowsky's Dune</li>

更改为：

<li><a href="http://en.wikipedia.org/wiki/Jodorowsky%27s_Dune">Jodorowsky's Dune</a></li>

HTML按钮和href问题

4 个答案: