6. Enlaces

Gracias a los enlaces podemos enlazar a otros apartados de nuestra web, así como a otras páginas externas, estos le dan la posibilidad al visitante a moverse dentro de las páginas.

Para detectar un enlace basta con que situemos el puntero de nuestro ratón sobre el texto y el puntero cambiará normalmente a una mano señalando, además de que suelen ir subrayados o destacados por otro color.

Los enlaces se crean utilizando la etiqueta «a» y especificando los atributos «href» que especifica el destino del enlace, y aunque no obligatorio podemos usar el atributo «target«, el cual indica donde debe abrirse el destino.

<a href="http://google.com" target="_blank">Texto visible del enlace</a>

Resultado:

Texto visible del enlace

Las variantes que podemos usar en el atributo «target» son las siguientes:

ValorDescripción
_blankAbre el documento enlazado en una nueva ventana o pestaña
_selfEs el valor por defecto, abre el documento en la misma ventana o marco
_parentAbre el documento en el marco principal
_topAbre el documento en la ventana actual saltando cualquier marco
Nombre de marcoSi usamos el nombre de un marco abrirá el documento en dicho marco.

Los tipos de enlaces que podemos encontrar pueden ser:

  • Enlaces externos, con destino hacia otro sitio web.
  • Enlaces locales e internos, donde el destino es el mismo sitio web pero dirigen a otra pagina, o apartado de la pagina actual.
  • Enlaces especiales, son los que llevan direcciones de email, enlaces a archivos o para apertura de aplicaciones.
<a href="http://google.com">Enlace externo</a>
<a href="/otrapagina.html">Enlace local</a>
<a href="#atributo_id_de_etiqueta">Enlace interno</a>
<a href="mailto:demo@example.com">Enlace de email</a>
<a href="/ruta/imagen.jpg">Enlace de archivo</a>
<a href="tel:+34600123456">Enlace de telefono</a>

Resultado:

Enlace externo

Enlace local

Enlace interno

Enlace de email

Enlace de archivo

Enlace de telefono

Formato de enlace

ProtocoloSubdominioDominioRuta
http://www.example.com/index.html

En el protocolo nos encontraremos con la opción «https://» que es la mas usada actualmente, ya que se trata del protocolo para realizar una conexión segura y cifrada.