LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN

HTML5: ENLACES

Práctica2_HTML5_Enlaces

Dada la siguiente estructura en forma de árbol:

practica2_HTML5_enlaces
carpetas
carpeta_1
loro.jpg
carpeta_2
mas_loros.jpg
pagina2.html
carpeta_3
pagina1.html
index.html

IMPORTANTE: debes incluir en un párrafo diferente cada uno de los enlaces.

Ejercicio1:
Debes incluir en el fichero “index.html” el siguiente enlace para ir al fichero loro.jpg.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto “Ir a
loro.jpg”.

Ejercicio2:
Debes incluir en el fichero “index.html” el siguiente enlace para ir al fichero loro.jpg

Obligatoriamente debes incluir los siguientes puntos:

• Al posicionar el cursor en esta imagen aparece como
ayuda el siguiente texto “Ir a loro.jpg”
• Ancho (width) y alto (height) de la imagen del enlace 150
pixeles.
• El nombre del fichero de la imagen del enlace es loro.jpg y
debes incluir como texto alternativo a dicha imagen
“Imagen no disponible”

1º ASIR: Lenguajes de Marcas y Sistemas de Gestión de la Información Pág:1

 LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
HTML5: ENLACES

Ejercicio3:
Debes incluir en el fichero “index.html” el siguiente enlace para ir al fichero pagina2.html.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto “Ir a
pagina2.html”.

Ejercicio4:
Debes incluir en el fichero “pagina2.html” el siguiente enlace para ir al fichero index.html.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto
“volver a index.html”.

Ejercicio5:
Debes incluir en el fichero “pagina2.html” el siguiente enlace para ir al fichero mas_loros.jpg.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto “Ir a
mas_loros.jpg”.

Ejercicio6:
Debes incluir en el fichero “pagina2.html” el siguiente enlace para ir al fichero mas_loros.jpg

Obligatoriamente debes incluir los siguientes puntos:

• Al posicionar el cursor en esta imagen aparece como
ayuda el siguiente texto “Ir a mas_loros.jpg”
• Ancho (width) y alto (height) de la imagen del enlace 100
pixeles.
• El nombre del fichero de la imagen del enlace es
mas_loros.jpg y debes incluir como texto alternativo a
dicha imagen “Imagen no disponible”

1º ASIR: Lenguajes de Marcas y Sistemas de Gestión de la Información Pág:2

 LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
HTML5: ENLACES

Ejercicio7:
Debes incluir en el fichero “pagina2.html” el siguiente enlace para ir al fichero pagina1.html.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto “Ir a
pagina1.html”.

Ejercicio8:
Debes incluir en el fichero “pagina1.html” el siguiente enlace para ir al fichero pagina2.html.
Obligatoriamente al posicionar el cursor en el enlace aparece como ayuda el siguiente texto
“volver a pagina2.html”.

Ejercicio9:
Debes incluir en el fichero “pagina1.html” el siguiente enlace para ir al fichero mas_loros.jpg

Obligatoriamente debes incluir los siguientes puntos:

• Al posicionar el cursor en esta imagen aparece como
ayuda el siguiente texto “Ir a mas_loros.jpg”
• Ancho (width) y alto (height) de la imagen del enlace 150
pixeles.
• El nombre del fichero de la imagen del enlace es loro.jpg y
debes incluir como texto alternativo a dicha imagen
“Imagen no disponible”

1º ASIR: Lenguajes de Marcas y Sistemas de Gestión de la Información Pág:3