Как создать HTML-кнопку, действующую как ссылка

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

Как создать HTML-кнопку с помощью тега кнопки в теге <a>

Один из способов — просто обернуть ваш <button> тег в <a> тег:

                          
<a href='https://frontendcolors.ru/'><button>Link To FrontendBColors</button></a>

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

Как разместить кнопку внутри формы с помощью HTML

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

                          
<form action="https://frontendcolors.ru">
    <input type="submit" value="Создай свой цвет!" />
</form>