Ruta Full Stack
0✦ 0
Glosario · El código · Fase 0

Enlace

Un texto, botón o imagen que, al pulsarlo, lleva a otra dirección.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: enlaces · link · links · hipervínculo · hipervínculos · wa.me

Analogía

Una nota al pie que te teletransporta: en vez de decir "véase la página 40", te lleva.

Cómo es por dentro

<a href="https://wa.me/5491112345678">Reservar por WhatsApp</a>

Dos partes: a dónde lleva (href, una URL) y lo que ve la persona (el texto). Pueden no parecerse en nada, y por eso un enlace engañoso es tan fácil de hacer.

Tipos que vas a usar

Empieza por Hace Ejemplo
https:// abre una web la carta, un mapa
/ruta abre otra página del mismo sitio /carta
#nombre baja a una parte de la misma página #postres
tel: llama por teléfono (en el móvil) tel:+5491112345678
mailto: abre el correo mailto:hola@…
https://wa.me/… abre un chat de WhatsApp con ese número el botón de tu carta

Para qué sirve / cuándo aparece

  • Son lo que convierte páginas sueltas en una web: sin enlaces no hay navegación, y los buscadores no descubren nada.
  • En tu carta, los dos enlaces que hay que probar siempre con un clic real: WhatsApp y el mapa.
  • Enlace roto: uno que lleva a una dirección que no existe y devuelve un 404.

Compruébalo tú

Pasa el ratón por encima de cualquier enlace sin pulsar: abajo a la izquierda del navegador aparece a dónde lleva de verdad.

Comprueba que lo entendiste

En un enlace, ¿qué es el href?

Ver también

URL · HTML · etiqueta · código de estado