Enlaces

Los enlaces se establecen con la etiqueta a y el atributo href, que indica la URL del enlace:

html5

Los enlaces, que se representan mediante el uso de la etiqueta es una de las contrucciones más importantes en HTML. Esta etiqueta puede tener varios atributos, de lo cuáles los más importante son:

Varios ejemplos de enlaces:

<p><a href="http://www.openwebinars.net">Esto en un enlace en la propia página</a></p>

<p><a href="http://www.openwebinars.net" target="_blank">Esto en un enlace en la propia página</a></p>

<!-- Haciendo que una imagen sea enlace. Anidando etiquetas --> <a href="http://www.openwebinars.net"><img width="100px" alt="Logo de OpenWebinars" src="img/openwebinars-logo.jpg"></a>

La etiqueta a es una etiqueta de tipo línea.

El concepto de ruta es un concepto muy importante ya que se utiliza es muchos temas relacionados con la informática y en concreto, en la creación de páginas WEB, se utiliza para referenciar archivos, recursos y/o partes de alguna web. De manera general podemos distinguir:

La recomendación es el uso de las rutas relativas, veamos algunas consideraciones para trabajar con ellas:

Ejercicio 1

A partir de la estructura de directorios y archivos indicada en la siguiente imagen:

html5

Crear la siguiente página llamada indice.html que sirva como página principal del sitio:

html5

Crear la página de índice del portfolio:

html5

Descargar ZIP con las imágenes

Compruebe la solución