Cómo hacer un botón de enlace HTML

Descargar el PDF
Descargar el PDF

Este wikiHow te mostrará cómo hacer un botón de enlace HTML. Se comporta de manera similar a un hipervínculo normal, pero a diferencia de este, es un botón.

Pasos

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}


    <form method="get" action="https://es.wikihow.com/ "><button type="submit">Página de inicio</button></form>
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Actualmente, el código apunta a la página de inicio de wikiHow. Reemplázalo con la URL de la página a la cual quieras que te dirija el enlace.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El botón actualmente dice "Página de inicio". Puedes cambiar ese texto por el que tú quieras.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/v4-728px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Haz clic izquierdo en el enlace para asegurarte de que funciona. Si funciona, entonces habrás terminado. De lo contrario, revisa el código para ver si hay algún error.
    Anuncio

Cosas que necesitarás

  • un editor de texto

wikiHows relacionados

Cómo
establecer el color de fondo en HTML
4 formas de agregar un enlace a una imagen
Cómo
cambiar el color de botón en HTML
Cómo
ejecutar un archivo HTML en Visual Studio Code
Cómo
insertar espacios en HTML
Cómo
crear una calculadora usando HTML
Cómo crear una línea horizontal en HTML
Cómo
centrar una imagen en HTML
Cómo
hacer una página web en HTML
Cómo
insertar imágenes con HTML
Cómo
editar archivos HTML
Cómo
crear un enlace de correo electrónico en HTML
Cómo
cambiar el color del texto en HTML
Cómo
hacer que el texto parpadee en HTML
Anuncio

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 42 104 visitas.

¿Te ayudó este artículo?

Anuncio