Enlaces en las entradas

Vamos a mostrar como poner varios enlaces en nuestras entradas.

Normalmente un enlace nos suele llevar a otra página, a un correo, a descargar un fichero, ect.
El texto  es lo que se visualiza en el navegador y la URL es la dirección donde nos llevará.

En general los enlaces tienen la siguiente estructura

<A HREF="URL"> Texto del enlace</A>

Enlace a otra página página 

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

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

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



 Enlace a otra página local



<a href="pagina2.htm">Ir a pagina2</a>



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="Pagina que quieras"</A>



 Enlaces usando imágenes

<A HREF=" #inicio"><img src="gifs/imagen.gif"></A>
obtengo una imagen que al pulsarla me lleva al inicio de esta página, exactamente como esta:

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

<a href="gifs/sky.jpg"><img src="gifs/ojo.gif" ></a>

 Enlace con una dirección de correo

Este es un enlace un poco diferente, veamos un ejemplo

<A HREF="mailto: abercian@pntic.mec.es"> abercian@pntic.mec.es </A>

que se ve como abercian@pntic.mec.es y que si lo pulsas se abre el programa de correo que tengas configurado, con la dirección en el campo correspondiente

 Enlace con un grupo de noticias

Como antes la sintaxis es un poco diferente

<A HREF="news://news.pntic.mec.es/"> Mira en las noticias del MEC para encontrar profesores colgados</A>

que se vería

Mira en las noticias del MEC para encontrar profesores colgados

 Enlace para descargar un fichero

En la URL se poner la ruta donde está el fichero. Por ejemplo, para descargar un fichero de nombre guiahtml.zip se debe poner

<A HREF="../zip/guiahtml.zip">guiahtml.zip</A>

que se vería así guiahtml.zip. Si pulsas sobre él se abrirá una ventana avisándote de una descarga de archivos y preguntándote qué deseas hacer

 Enlace que se abre en una nueva ventana

Si quieres que la página que enlazas aparezca en una nueva ventana del navegador, solamente tienes que poner target="nombre" como atributo del enlace, es decir:

<a href="index.htm" target="nueva">Indice</a>

que se verá como Indice
Aún hay más tipos de enlaces, pero éstos son los más importantes