Imágenes

Para incluir una imagen se utiliza la etiqueta <img src="" alt=""/>, la cual requiere el atributo src con la ruta en la que se encuentra la imagen. Es conveniente poner siempre el atributo alt="texto alternativo", el cual indica el texto a mostrar en caso de no poder cargar la imagen y también se utiliza para opciones de accesibilidad.

Por ejemplo, para cargar una imagen llamada "cabecera.jpg" utilizaremos la etiqueta de la forma:

<img src="cabecera.jpg" alt="Imagen de cabecera"/>

Además existen otros atributos interesantes como width y height para redefinir el ancho y la altura de la imagen. Sin embargo se recomienda indicar estas propiedades (ancho y alto) modificando los estilos de la etiqueta (ver capítulo "Introducción a CSS").