Как создать кнопку HTML, которая действует как ссылка

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

Один из способов - просто обернуть свой тег тегом:

Link To freeCodeCamp

Это превратит всю вашу кнопку в ссылку.

Второй вариант - создать ссылку, как обычно, с тегом, а затем стилизовать ее с помощью CSS:

Link To freeCodeCamp

Создав ссылку, вы можете использовать CSS, чтобы она выглядела как кнопка. Например, вы можете добавить границу, цвет фона, некоторые стили, когда пользователь наводит ссылку…

Еще один способ добавить кнопку - обернуть inputвнутренние formтеги. Укажите желаемый целевой URL в атрибуте действия формы.

Дополнительная информация:

  • freeCodeCamp Guide - кнопки стилей
  • Руководство freeCodeCamp - Как использовать ссылки
  • Как создать кнопку HTML, которая действует как ссылка?