Tecnologías de la Información y la Comunicación · Bachillerato · curso 2015/2016
  • Inicio
  • Temas
  • - Difusión de contenidos

- Difusión de contenidos

Los enlaces (links) en HTML

La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML, ya que permitió crear documentos interactivos que proporcionan información adicional cuando se solicita. El elemento principal del hipertexto es el "hiperenlace", también llamado "enlace" o simplemente "link".

Los enlaces (links o anclas) son los responsables de que naveguemos por la Web, es decir, que vayamos saltando por diferentes páginas de un mismo sitio, o de sitios externos. Esta es la característica más atractiva y seguramente la más importante de los documentos HTML dando la posibilidad de organizar la información en distintas páginas html enlazadas, de forma que el usuario pueda seleccionar la que más le interese en cada momento y moverse libremente de unas a otras rápidamente.

Cuando trabajamos con enlaces hay que tener en cuenta dos puntos de vista:

Dónde colocamos un enlace...
  • Un elemento “texto”
  • Un elemento “imagen”
  • Cualquier otro elemento de la página Web
Hacia qué apunta un enlace...
  • Otro lugar de la misma página .html
  • Otra página .html del mismo sitio (dominio)
  • Otra página .html de otro sitio (otro dominio)
  • Un lugar de una página de otro dominio
  • Un elemento multimedia (imagen, vídeo, audio)
  • Un archivo cualquiera (.pdf, .zip, .txt, ...)
  • Un servidor (correo electrónico, FTP,...)

La etiqueta HTML que se utiliza para añadir enlaces en una página Web es a.../a . Esta es una etiqueta de LÍNEA.

Atributos más utilizados:

Atributo Descripción
href="url" Indica la ruta y el nombre del elemento al que apunta
target="_blank" Abre el link en una nueva pestaña del navegador
title="texto" Descripción que aparece como "tip" al colocar el cursor sobre el enlace
Sintaxis

En este ejemplo, hay cuatro tipos de enlaces de los más comunes, con sus respectivos atributos:



<a href=“../carpeta2/contacto.html” title=“contacto”>…</a>
<a href=“ http://3con14.pro&rdquo ; title=“3con14” target=“_blank”>…</a>
<a href=“videos/figuras.pdf” title=“áreas” target=“_blank”>…</a>
<a href=“#cabecera” title=“arriba”>subir</a>

Etiquetas: 1º BTO - Contenidos, Programación

Visitas...

Hoy35
Ayer22
Mes419
TOTAL93073

Jueves, 13 Agosto 2026 17:05

En línea...

Hay 42 invitados y ningún miembro en línea