Добавить ссылку на кнопку HTML

Question

им пытаются добавить ссылку на мои кнопки мои текущие коды HTML находятся ниже

получить поддержку

   <td> 
        <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 0;">Shop Bike</button> 
       </td> 
       <td> 
        <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 200px;">Button Three</button> 
       </td> 

и как я могу добавить ссылку на другие страницы для каждого из них Например, кнопка .. если я нажму на: Получить кнопку поддержки, она перенаправит меня на страницу поддержки, которую я уже создал

Answer 1

<a> это элемент HTML используется для создания ссылок, не <button>, поэтому используйте <a> элемент с атрибутом hrefвместо в виде <button>.

Вы можете стилизовать его смотреть на так же, как кнопки, как вам нравится (хотя я отмечаю, что большинство CSS вы подаете свой <button> элементов направлено на то, чтобы она выглядела в отличии от кнопки. О только вещь, которую вам, вероятно, нужно будет сделать, это display: inline-block; text-decoration: none; color: black).

Answer 2

Используйте тег для ссылок. Например:

<a href="/support">Get support</a> 

Кроме того, добавьте дисплей: встроенный блок в CSS, если вы используете тег вместо кнопки тег.

Answer 3

Вы можете пойти с помощью этого метода, чтобы создать кнопку, подходящую для ссылок.

<form method="get" action="test.html"> 
    <input type="submit" value="Clickable Button"> 
</form> 

Это не стиль, хотя

Answer 4

Вы должны использовать <a></a> тег:

<a href="support.html">Get support</a> 

Если единственная причина, вы хотите <button></button> тег является стиль, вы можете легко стиль <a></a> тег

a { 
    display: inline-block; 
    text-decoration: none; 
    background-color: #eee; 
    border: 2px outset #ccc; 
    color: #000; 
    padding: 5px 8px; 
    margin: 5px; 
} 

---

Если вы Absolutly хотите использовать <button></button> тег вы можете сделать это с помощью JavaScript, как так:

<button onclick="document.location.href='support.html';">Get support</button> 

Тем не менее, имейте в виду, что с помощью кнопки не правильный код, они не посвящены ссылкам

Answer 5

<a href="page.html"><button type="button" class="add your class">Link Name</button></a> 

вы можете стилизовать кнопку с помощью CSS, используя кнопки изображения, как правило, не реагируют.

Answer 6

Видимо, ваша кнопка предназначена для элементов таблицы, чтобы объединить планируемый стиль и использовать ее в качестве ссылки, которую вы можете обернуть [кнопкой] DIV внутри тегов «Якоря» (< a>). Ниже приведена страница с названием «bikes.html» в качестве связанного элемента.

<td> 
<a href="bikes.html"> 
<button style="background: url('images/button2.png') 
no-repeat;  background-size:155px; left: 200px; width: 155px; height: 50px; 
border: 0;">Shop Bike 
</button>  
</a> 
</td> 

Есть детали, хотя об использовании> тега < кнопку, которая не можете быть действительно то, что вы хотите, и я обычно использую < div> тегов для данного типа вещи. Но якорь - это то, что вам не хватает.