Actividades realizadas

Imagenes

Diferencias entre la etiqueta title y alt

TITLE – Esta etiqueta o atributo se puede utilizar tanto en imágenes como en enlaces, y es la encargada de ofrecer una descripción emergente (tooltip) de la imagen o enlace. Funciona en todos los navegadores.

ALT – Con esta tag HTML definimos el texto alternativo de las imágenes, que se muestra cuando la imágen no está disponible o para garantizar su accesibilidad. Es una etiqueta OBLIGATORIA en las imágenes, si no quieres incluir ningún texto descriptivo pon lo que te apetezca (^, *, etc). También funciona como tooltip en Internet Explorer.

¿Para que se utilizan los elementos map y area?

Map

Cómo ya podemos suponer, map es el tag necesario para poder crear un mapa de imágenes en html. Por supuesto, posee un cierre: map. Este tag debe ir acompañado del atributo name= “x”, para indicar el nombre del mapa. Por tanto si queremos hacer un mapa que se llame ejemplo 1, escribiremos: map name= “ejemplo1”

Area

El mapa de imágenes lleva un área dentro de la cual podremos pinchar para dirigirnos al destino que hayamos preestablecido. Pero, por supuesto, esa área se la tenemos que indicar al navegador para que la interprete. La zona del enlace se indica dentro de la etiqueta, estableciendo las coordenadas de dicha área. También podemos escribirle un texto alternativo, un “alt”, al área.

Escribe un documento html que muestre el siguiente resultado.

Documento

Diseña un logo para el sitio “Córdoba, ciudad patrimonio” y utilízalo como icono de página (favicon). Trabaja con las iniciales (CCP) y algún editor gráfico online como canva.

logo Córdoba Ciudad patrimonio

Incluye una imagen en cada una de las páginas del sitio “Córdoba, ciudad patrimonio”

Página Cordoba ciudad patrimonio

Utiliza la imagen adjunta del sistema solar para crear una página con una imagen con enlaces a los diferentes elementos (planetas, lunas, …) que aparecen en la misma

Sistema solar