HTML

HTML utiliza el elemento la etiqueta <a> para crear un enlace. Cuando un visitante hace clic en él, el navegador abre otra página interna o externa

El contenido sobre el que pulsa el visitante se coloca dentro de la etiqueta <a>:

<a>Enlace a otra página</a>

El problema del enlace anterior es que no apunta a ningún sitio. Para convertirlo en un enlace que funcione debe aportar la URL de la página de destino mediante el siguiente atributo:

• HREF ("Hypertext Reference "que significa referencia de hipervínculo)

• URL ("Uniform Resource Locator" que significa localizador de recurso uniforme).

En general los enlaces tienen la siguiente estructura:

<a href="dirección URL">Enlace a otra página</a>

El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:

ENLACE A UNA DIRECCIÓN DE INTERNET

Ahora la URL debe darse de forma absoluta, tal como la ves en la ventana de dirección del navegador, es decir:

<A HREF="https://www.youtube.com/karlosnun">Canal de Youtube</A>

Lo cual te llevara a la página de mi canal en youtube.

ENLACE SOBRE LA MISMA PÁGINA

En este caso la URL se sustituye por un marcador en la misma página. El marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que no se verá.

Veamos un ejemplo para saltar al inicio de esta página. Escribiríamos en el lugar desde el que queremos saltar:

<A HREF="#inicio"> Ir al Inicio</A>

Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:

<A NAME="inicio"> </A>

Una vez escrito esto y guardada la página veríamos al abrirla con el Navegador

Ir al Inicio

Al pulsar sobre ella nos llevaría al principio de la página ya que fue allí donde coloqué el marcador

ENLACE A OTRA PÁGINA LOCAL

En este caso la URL se dará de forma relativa. Por ejemplo si tenemos dos páginas en el mismo directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir:

<a href="pagina2.htm">Ir a la página 2</a>

Con esto es suficiente, no hay que crear ningún marcador a no ser que quieras ir a un sitio concreto de la pagina2.htm. En ese caso tendrías que poner en el sitio adonde quieres llegar de la pagina2.htm.

<a name="sitio"></a>

y en la pagina1.htm

<a href="pagina2.htm#sitio>Ir a sitio de la página 2</a>

Las palabras forma relativa, al principio de esta sección, constituyen un enlace de este último tipo.

ENLACES USANDO IMÁGENES

Con frecuencia se emplean imágenes como enlaces. A veces son enlaces a las mismas imágenes con más resolución, como en el caso de fotos. Otras veces nos llevan a una localización cualquiera.

Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace, si además queremos que vaya a otra imagen, ésta la debemos poner en el lugar de la URL.

<a href="http://www.facebook.com/karlosnun"><img src="https://static.wixstatic.com/media/34cae6_621d3d18dd2d403fa2380004c7ceb439~mv2.png/v1/fit/w_2500,h_1330,al_c/34cae6_621d3d18dd2d403fa2380004c7ceb439~mv2.png" ></a>

Para que una imagen sea un enlace a otra imagen se debe escribir:

<a href="dirección de imagen final"><img src="dirección de imagen de inicio" ></a>

ENLACE A DIRECCIÓN DE EMAIL

Este es un enlace un poco diferente, veamos un ejemplo:

<A HREF="mailto: karlosnun3@gmail.com"> KARLOSNUN3@GMAIL.COM</A>

Al pulsas sobre el enlace se abre el programa de correo que tengas configurado, con la dirección en el campo correspondiente

ATRIBUTOS DE LOS HIPERVÍNCULOS

ATRIBUTO TARGET

Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.

TARGET="_blank"

Fuerza que el documento referenciado por el enlace sea mostrado en una nueva ventana del navegador.

TARGET="_self"

Usando este valor el documento enlazado será mostrado en el mismo frame o ventana donde está el enlace. Este valor es especialmente útil cuando se ha usado la etiqueta BASE para especificar un frame destino por defecto distinto del actual.

TARGET="_parent"

Este valor provoca que el documento sea mostrado en el FRAMESET padre del frame actual.

TARGET="_top"

Fuerza a que el enlace sea mostrado usando todo el espacio de la ventana del navegador destruyendo toda estructura deframes. Este valor debe ser usado siempre que creemos un enlace a una página externa a nuestro sitio web.

Ejemplo:

<a href="http://www.google.com" target="_blank">Google</a>

<a href="http://www.google.com" target="_new">Google</a>

ATRIBUTO TITLE

Se define un texto con un comentario que se activará cuando pasemos el ratón por encima del enlace. La sintaxis es:

<A HREF="http://www.google.com" TITLE="Buscador Web">Google</A>

EJERCICIO 1

EJERCICIO 2