Cómo escribir un código HTML para los botones de enlace

Escrito por micah mcdunnigan | Traducido por enrique pereira vivas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo escribir un código HTML para los botones de enlace
Haz que tu sitio tenga un aspecto profesional mediante el uso de botones. (John Foxx/Stockbyte/Getty Images)

Los enlaces son parte integral de la experiencia de navegación web. Permiten a los visitantes del sitio navegar por una página web sin tener que volver a escribir una nueva dirección en la barra de direcciones, y permiten a los usuarios saltar de un sitio a otro a medida que los enlaces los llevan a diferentes partes de Internet. Un código básico HTML te permite utilizar el texto como un enlace, pero es un simple paso para utilizar un botón en lugar de un texto plano.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Sube la imagen que vas a utilizar como tu botón.

  2. 2

    Abre el código fuente de la página en la que deseas instalar el botón de enlace.

  3. 3

    Escribe la línea: <a href = "your link address"> en el que sustituirás "'your link address" por la dirección URL de la página que deseas que el usuario salte cuando haga clic en el botón.

  4. 4

    Declara el botón para que sea el objeto del vínculo, escribiendo la siguiente línea: <img src="your_image"> inmediatamente después del '>' del código que escribiste en el paso anterior. Reemplaza 'your_image' con el nombre completo del archivo, incluida la extensión, del archivo de imagen para tu botón.

  5. 5

    Añade una final "</a>" después del '>' del código que escribiste en el paso anterior y guarda el archivo HTML. Cuando un usuario visite tu página, ahora verá tu botón, y si hace clic en él, actuará como un enlace a la página que designaste.

Consejos y advertencias

  • Si estás dirigiendo a un usuario a una página dentro de tu propio sitio web, no necesitas incluir el URL completo de la página. Sólo es necesario incluir el nombre de archivo de la página en tu servidor. Por ejemplo, puedes escribir "newpage.html" en lugar de "http://www.mysite.com/newpage.html" por conveniencia.
  • Asegúrate de que el archivo de imagen se encuentra en el mismo directorio en el servidor que el archivo de código fuente de la página que servirá como un botón. De lo contrario, el navegador no cargará la imagen y los visitantes serán recibidos en su lugar con un icono de enlace roto.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles