Los enlaces en HTML permiten a los usuarios navegar entre diferentes páginas web o a diferentes partes de la misma página. Se crean utilizando la etiqueta <a> (ancla) y pueden dirigir a sitios externos, archivos, direcciones de correo electrónico, o secciones específicas dentro de la misma página.
Sintaxis Básica
<a href="URL">Texto del enlace</a>href: Atributo que especifica la dirección del enlace. Puede ser una URL completa, una dirección relativa a la misma web, un identificador de una sección en la misma página, o una dirección de correo electrónico.
Ejemplos de Enlaces
Enlace a una página web externa:
<a href="https://www.example.com">Visitar Example</a>Enlace a una dirección de correo electrónico:
<a href="mailto:correo@example.com">Enviar correo</a>Enlace a una sección específica dentro de la misma página: Primero, define un identificador (ID) en la sección de destino:
<h2 id="seccion1">Sección 1</h2>Luego, crea el enlace:
<a href="#seccion1">Ir a Sección 1</a>Enlace a un archivo descargable:
<a href="archivo.pdf" download>Descargar archivo PDF</a>Atributos Adicionales
target: Define cómo se abrirá el enlace. Los valores comunes son:
_blank: Abre el enlace en una nueva pestaña o ventana.
<a href="https://www.example.com" target="_blank">Abrir en nueva pestaña</a>_self: Abre el enlace en la misma pestaña (valor predeterminado)._parent: Abre el enlace en el marco padre (si está dentro de un marco)._top: Abre el enlace en el marco superior (si está dentro de un marco).
title: Proporciona información adicional sobre el enlace que aparece como un tooltip cuando el usuario pasa el cursor sobre él.
<a href="https://www.example.com" title="Visita Example">Visitar Example</a>