Los enlaces se encuentran en casi todas las páginas web. Los enlaces permiten a los usuarios hacer clic para pasar de una página a otra.

Los enlaces HTML son hipervínculos.

Puedes hacer clic en un enlace y saltar a otro documento.

Cuando muevas el mouse sobre un enlace, la flecha del mouse se convertirá en una pequeña mano.

Nota: Un enlace no tiene que ser texto. ¡Un enlace puede ser una imagen o cualquier otro elemento HTML!

Sintaxis

La etiqueta HTML <a> define un hipervínculo. Tiene la siguiente sintaxis:

<a href="url">link text</a>

El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace.

El texto del enlace es la parte que será visible para el lector.

Al hacer clic en el texto del enlace, se enviará al lector a la dirección URL especificada.

Ejm

<a href="https://www.sutilweb.com/">Visita Sutil Web</a>

De forma predeterminada, los enlaces aparecerán de la siguiente manera en todos los navegadores:

  • Un enlace no visitado está subrayado y azul
  • Un enlace visitado está subrayado y morado
  • Un enlace activo está subrayado y rojo.

El atributo target

De forma predeterminada, la página vinculada se mostrará en la ventana actual del navegador. Para cambiar esto, debes especificar otro destino para el vínculo.

El atributo target especifica dónde abrir el documento vinculado. El atributo target puede tener uno de los siguientes valores:

_self: predeterminado. Abre el documento en la misma ventana/pestaña en la que se hizo clic
_blank: Abre el documento en una nueva ventana o pestaña
_parent: abre el documento en el marco principal
_top: Abre el documento en el cuerpo completo de la ventana

Ejm

<a href="https://www.sutilweb.com/" target="_blank">Visita Sutil Web</a>