Cómo crear un botón HTML que actúe como un enlace

A veces, es posible que desee utilizar un botón para vincular a otra página o sitio web en lugar de enviar un formulario o algo así. Esto es bastante sencillo de hacer y se puede lograr de varias formas.

Una forma es simplemente envolver su etiqueta en una etiqueta:

Link To freeCodeCamp

Esto transforma todo su botón en un enlace.

Una segunda opción es crear su enlace como lo haría normalmente con su etiqueta y luego diseñarlo a través de CSS:

Link To freeCodeCamp

Una vez que haya creado su enlace, puede usar CSS para que parezca un botón. Por ejemplo, puede agregar un borde, un color de fondo, algunos estilos para cuando el usuario pase el cursor por el enlace ...

Otra forma de agregar un botón es envolver una etiqueta inputinterior form. Especifique la URL de destino deseada en el atributo de acción del formulario.

Más información:

  • FreeCodeCamp Guide - botones de estilo
  • Guía freeCodeCamp - Cómo utilizar los enlaces
  • ¿Cómo crear un botón HTML que actúe como un enlace?