Question

我一直在编写一些HTML代码来开发网站。我想要一些按钮链接到页面的其他部分。该按钮为“与团队见面”样式。这是代码：

<div class="column">
<div class="card">
 <div class="container">
  <img src="button1.png" alt="Button" style="width:100%">
    <div class="centered"><h1> Lorem Ipsum </h1></div>
    <p class="title">Lorem ipsum dolor sit amet, consectetur adipiscing 
    elit.</p>
    <p><button class="button">Button</a></button></p>
  </div>
</div>

我尝试将其链接到页面，但找不到任何内容（我是HTML的新手）。也许你们其中之一可以帮助您？谢谢！

Answer 1

这是链接其他页面样式a标签看起来像按钮的最佳方法：

<a href="http://www.stackoverflow.com/">Click me</a>

替代品：

<button onclick="location.href='http://www.example.com'" type="button">
    www.example.com
</button>

或

<form action="http://google.com">
    <input type="submit" value="Google" />
</form>

Answer 2

您的button标记格式不正确，</a>将破坏您的html代码。您所要做的只是将href属性传递给button。

 <p><button type="button" class="button" href="team-page.html">Button</button></p>

http://www.tizag.com/htmlT/是一个很好的起点。

如何在点击时直接将<p> <button class =“ button”> Button </button> </p>链接到链接

2 个答案: