Como Poner Un Boton en Html

Última actualización: junio 3, 2025

Cómo Poner un Botón en HTML

Paso 1: Crear el Botón

Debes crear el botón usando la etiqueta de HTML. Entre las etiquetas de apertura y cierre del botón, debes especificar el texto que aparecerá en el botón. Por ejemplo:

Paso 2: Establecer la Acción

Ahora que has creado tu botón, necesitas establecer lo que hará tu botón cuando el usuario lo pulse. Esto se debe hacer añadiendo un atributo al botón. Por ejemplo, para abrir una página web cuando alguien pulse el botón, puedes usar el atributo onclick:

Paso 3: Pulir tu Botón

Por último, puedes pulir y darle estilo a tu botón añadiéndole atributos HTML. Esto hará que tu botón se vea más atractivo al usuario:

  • Para cambiar el color del botón, usa el atributo style. Por ejemplo: style=»background-color:#000000″
  • Para cambiar el tamaño de la fuente, usa el atributo style con la propiedad font-size. Por ejemplo: style=»font-size:15px»
  • Para redondear partes de tu botón, usa el atributo style con la propiedad border-radius. Por ejemplo: style=»border-radius:8px»

Tu botón debe verse ahora algo así:

Recuerda que en HTML hay otros tipos de etiquetas para crear botones, como , sin embargo hemos explicado la etiqueta