Enlace

Un enlace, o link, (abreviatura de hipervínculo) es un objeto HTML que te permite saltar a una nueva ubicación al hacer clic o tocarlo. Los enlaces se encuentran en casi todas las páginas web y proporcionan un medio simple de navegar entre páginas en la web. Es parte primordial del diseño web.

Los enlaces se pueden aplicar a textos, imágenes u otros elementos HTML. La mayoría de los enlaces de texto son azules, ya que ese es el color estándar que los navegadores web usan para mostrarlos. Sin embargo, pueden ser de cualquier color ya que el estilo del texto del enlace puede personalizarse utilizando HTML o CSS. En los primeros días de la web, los enlaces estaban subrayados por defecto. Hoy, esto es menos común.

Cuando se aplica un enlace a una imagen, la etiqueta del enlace encapsula o rodea la etiqueta de la imagen. Como la etiqueta de la imagen está anidada dentro de la etiqueta del enlace, la imagen misma se convierte en un enlace. Este método se puede usar para aplicar enlaces a otros elementos, como los objetos <div> y <span>. Sin embargo, dado que CSS se puede usar para estilizar un enlace, una etiqueta <a> con una clase CSS o atributo ID a menudo se usa en lugar de una etiqueta <div> o <span>.

A continuación se muestra un ejemplo del HTML para un enlace de texto e imagen:

Enlace de texto: <a href="/curso-de-java"> Curso de java </a>

Enlace de imagen: <a href="https://ejemplo.com/definicion/computador"> <img src="/images/computer.jpg" alt="PC de escritorio"> </a>

Enlaces relativos y absolutos

El primer ejemplo es un "enlace relativo" porque no incluye el nombre de dominio. El enlace es relativo al sitio web actual. Cualquier enlace interno en ejemolo.com, no necesita "https://ejemplo.com/" en el enlace. Más bien, un enlace relativo como "/curso-de-python/" es todo lo que se requiere para la URL del curso de python. Como el enlace comienza con una barra diagonal, la ruta comienza con el directorio raíz. Si un enlace relativo no comienza con una barra diagonal, la ruta es relativa a la URL actual.

El segundo enlace de ejemplo es un enlace absoluto porque incluye el nombre de dominio. Se requieren enlaces absolutos para enlaces externos, que lo dirigen a otro sitio web. Pueden comenzar con "http" o "https". Los enlaces absolutos también pueden comenzar con dos barras diagonales ("//"). Esto se interpreta como "http://" para páginas servidas a través de HTTP y "https://" para páginas servidas a través de HTTPS.

NOTA: La "a" en la etiqueta <a> significa "ancla", ya que los primeros documentos de hipertexto a menudo están vinculados a las anclas (o marcadores) dentro de una página en lugar de otras páginas. El "href" dentro de un <a> significa "referencia de hipertexto".