<Código-Web>
Elementos HTML
y Reglas CSS

  1. TEXTOS
  2. ENLACES
  3. LISTAS
  4. IMÁGENES
  5. TABLAS
  6. FORMULARIOS
  7. MAQUETACIÓN

ENLACES > Externos

 

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 son los responsables de que naveguemos por la Web, es decir, que vayamos saltando por diferentes páginas de un mismo sitio, o de otros 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.

*

Tipos de enlaces:

Normalmente una página web tiene numerosos enlaces.

 

Elemento HTML del enlace

La etiqueta utilizada para los enlaces es <a>...</a> normalmente con los atributos href cuyo valor será la URL donde queremos ir y title donde escribimos una aclaración del enlace y que aparece como un "tip" amarillo o blanco al poner el ratón unos segundos sobre dicho link. Es decir, todo el contenido de este elemento sería el enlace.

- Normalmente suele utilizarse texto o imágenes como enlaces.

- Con un vínculo o link podemos apuntar (señalar) a:

Normalmente, los hiperenlaces 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 y al visitar la página que señala; todo esto proporciona información al usuario. Todo esto se puede cambiar con reglas CSS.

Por ejemplo

Poner un "link" en una palabra o frase:
<a href="http://www.wikipedia.org">toda esta frase es un enlace</a>
Poner un "link" en una imagen:
<a href="http://www.wikipedia.org"><img src="/i2011/logo_wiki.jpg" /></a>

Un ejemplo sería cualquier enlace de esta web a otra web es externo. Y un enlace a un artículo de esta misma web es interno.

Además de internos/externos, otra característica que diferencia a los enlaces es si el enlace es absoluto o relativo. Las URL absolutas incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para llegar al lugar enlazado.

 


- (cc) 2012, 3con14 -