Las imágenes son una parte importante de muchas páginas web. Para incluir una imagen en su página, necesita especificar dónde está ubicado el fichero, usando un elemento img, con la sintaxis:

<img src="ubicación del fichero de imagen" alt="cadena alt">

Se requieren los dos atributos src y alt para que el código html sea válido. El atributo src le dice al navegador dónde encontrar la imagen, y el atributo alt contiene como valor una cadena alt que le dice al navegador qué debe visualizar en lugar de la imagen si el navegador tiene desactivada la característica de mostrar imágenes.

La ubicación del fichero de imagen necesita ser reemplazada por la ruta hasta la imagen, que tal como hemos visto en la lección previa puede ser tanto un URL absoluto como relativo.

Aquí hay un ejemplo:

Que, asumiendo que el fichero orangespiral.jpg está contenido dentro del directorio llamado imagenes en la misma ubicación de este fichero, mostrará la siguiente imagen:

Ejercicios:

1. Copie pagina_minima.html a un nuevo fichero llamado galeria1.html. Coloque Algunas imágenes que me gustan al mismo tiempo en el título y en una cabecera de primer nivel. Seleccione cinco imágenes de Paul Carduner Graphics u OpenPhoto, e inclúyalas en su galería. Su página completada tendría que verse como algo así.
2. Copie pagina_minima.html a un nuevo fichero llamado galeria2.html. Coloque Algunas fotos que he tomado al mismo tiempo en el título y en una cabecera de primer nivel. Seleccione cinco fotografías que usted (o un amigo o un miembro de su familia) haya tomado, e inclúyalas en su galería.
3. Edite el fichero gdw.html que desarrolló en la última lección, establezca el enlace de Galería I a galeria1.html y de Galería II a galeria2.html.