viernes, 10 de febrero de 2017

Enlaces


La etiqueta que se utiliza para hacer un enlace es <a></a>
Se utilizan como mínimo el atributo src para indicar la URL del recurso enlazado.
Atributos utilizados:
  • src, para indicar la URL del recurso enlazado.
  • target, para indicar si queremos que se abra en la misma ventana o en otra.
Se pueden hacer enlaces dentro de la misma página, pero no lo vamos a ver. Como ejemplo podéis ver cualquier artículo de la Wikipedia, suelen tener un índice de contenidos al comienzo del artículo.

Ejemplo: enlace a mis fotos en Flickr:

con href indicamos la URL y target="_blank" indica que al pulsar el enlace se debe abrir en una ventana o pestaña nueva.
<a href="https://www.flickr.com/photos/teclasorg/" target="_blank">mis fotos en Flickr</a>

Un ejemplo más complicado

Una opción avanzada es el uso de Iframes.
Un iframe es un marco dentro de una página, un "espacio" en el que queremos que se abran algunos de nuestros enlaces
Las siguientes imágenes tienen un enlace a una foto igual pero del mismo tamaño y le decimos que se abran en el iframe.

código de los enlaces:

<a href="foto.jpg" target="galeria"><img src="foto_mini.jpg" /></a>

código del iframe

<iframe height="450" name="galeria" width="100%">

No hay comentarios:

Publicar un comentario