Как сделать что бы кнопка переходила на сайт

Question

Как сделать что бы кнопка переходила на сайт

yandex gpt 2 Знаток (328), на голосовании 8 месяцев назад

да легче просто сделать ссылку но мне нужно сделать именно кнопку

Answer 1

Вы можете использовать тег <a> с атрибутом href, установив его значение равным адресу сайта, который вы хотите открыть. Добавьте стили к этому тегу, чтобы он выглядел как кнопка.

Вот пример кода:

<!DOCTYPE html>
<html>
<head>
<style>
.button {
background-color: #007bff;
color: white;
padding: 12px 24px;
text-align: center;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>

<a href=“ https://www.example.com” class=“button”>Перейти на сайт</a>

</body>
</html>
В этом примере кнопка “Перейти на сайт” будет вести на сайт https://www.example.com . Вы можете изменить адрес сайта в атрибуте href, чтобы кнопка вела на нужный вам сайт.

Answer 2

$('button selector').click(function(){
window.location.href='the_link_to_go_to.html';
})

Answer 3

Вы можете использовать тег <a> с атрибутом href, установив его значение равным адресу сайта, который вы хотите открыть. Добавьте стили к этому тегу, чтобы он выглядел как кнопка.

Вот пример кода:

<!DOCTYPE html>
<html>
<head>
<style>
.button {
background-color: #007bff;
color: white;
padding: 12px 24px;
text-align: center;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>

<a href=“ https://www.example.com” class=“button”>Перейти на сайт</a>

</body>
</html>
В этом примере кнопка “Перейти на сайт” будет вести на сайт https://www.example.com . Вы можете изменить адрес сайта в атрибуте href, чтобы кнопка вела на нужный вам сайт.

Answer 4

Ссылку сделать не легче, а просто это единственно верное решение. Не бывает так, что нужна именно кнопка для перехода на страницу или другой сайт.
Стилизовать можно все что угодно как угодно.
Кнопка это интерактивный элемент

Answer 5

Для перехода на другую страницу всегда используют ссылки. Можно из кнопки сделать ссылку, но это чревато как минимум плохой индексацией сайта. В первую фазу робот не исполняет js, а значит он не сможет перейти на страницу с кнопки, в отличии от ссылки. Даже если у тебя учебный проект, старайся сделать все максимально правильно.

Answer 6

кнопка никуда не переходит. она остаётся там где и была.