Los enlaces en HTML

Publicado en Tema 6º : Internet

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 "enlace" o "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. Los enlaces nos  dan 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.

enlaces

Como vemos en la imágen existen básicamente 3 tipos de enlaces atendiendo al lugar al que apuntan: 1) Enlaces Internos (dentro de un mismo Sitio Web); 2) Enlaces Externos (a páginas de otros sitios web) y 3) Enlaces a un Lugar (de un mismo documento o lugares de otros documentos)

La etiqueta utilizada para crear un vínculo es <a>......</a>, es decir, todo aquello que aparece entre las etiquetas de apertura y cierre se considera un enlace o hipervínculo o link.

  • Como enlaces normalmente se suele utilizar texto o una imagen
  • Con un vínculo o link podemos apuntar (señalar) a:
    • Otra página .html del mismo sitio web (enlace interno)
    • Otra página .html de otro sitio (enlace externo)
    • Una determinada zona de una página .html del mismo o distinto sitio
    • Un elemento multimiedia (imagen, sonido o vídeo)
    • Un archivo cualquiera (pdf, rar, txt, doc, odt, ...)
    • Un servidor de correo electrónico
    • Un servidor FTP
    • etc...

Normalmente, los link aparecen subrayados y con un color distinto al resto del texto. Además suelen cambiar de aspecto al colocar el cursor sobre ellos,  al hacer clic sobre ellos, al visitar la página que señala o al recibir el foco, todo esto proporciona información al usuario.

Algunas formas de poner enlaces:

Poner un enlace en una palabra o frase
<a href="http://www.wikipedia.org">Toda esta frase es un enlace</a>
Poner un enlace en una imagen
 <a href="http://3con14.pro"><img src="http://3con14.pro/logo.png"></a>
Poner un enlace a un documento PDF
<a href="http://3con14.pro/i2014/guias/html5.pdf">Guia HTML5</a>
lin posPoner un enlace a un lugar del mismo documento

Los enlaces normalmente se utilizan para hacer referencia a una página distinta de la que los contiene. Sin embargo, se pueden utilizar para hacer referencia a un determinado punto en la misma página (previamente debemos marcar esta zona), ofreciendo así una forma sencilla de desplazamiento dentro de un mismo documento largo.

Un enlace a un punto del mismo documento consta de dos partes: una referencia y un destino. El destino se identifica por un nombre (utilizando el atributo id  dentro de un elemento cualquiera. La referencia apuntará a su destino colocando el signo de almohadilla (#) delante, de forma que cuando se seleccione el enlace el navegador lo buscará en el resto del documento y una vez encontrado mostrará la página a partir de este punto en adelante.

 

Utilidades ...

imprescindibles Firefox Chrome Safari Opera IE9 Adobe Reader 7zip Flash Java Filehippo Ninite

Recursos

aulav

Visitas...

Hoy 12

Ayer 85

Mes 1801

TOTAL 149291

En Línea...

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