Как сделать <p><button class = "button"> Button </button></p> прямой ссылкой на ссылку

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

Ваш тег button не отформатирован должным образом, </a> нарушит ваш HTML-код. Все, что вам нужно сделать, это просто передать атрибут href в button.

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

http://www.tizag.com/htmlT/ - очень хорошая отправная точка.

Answer 2

Это лучший способ связать стиль других страниц. Тег 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>