Las imágenes también pueden hablar aunque no las veas

En este paso vamos a aprender a insertar imágenes por HTML:

Voy a insertar la pintura "La Monalisa" de Leonardo Davinci, para insertar imágenes se utiliza el paarámetro IMG , a éste se le pueden añadir otras características como borde, ancho, alto, título y descripción mediante el atributo ALT

un ejemplo de código para insertar imagen es el siguiente:

<img src="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" width="320" height="235" />

Si quisiera que además está imagen fuera vínculo se vería así el código:

<a href="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" ><img src="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" width="320" height="235"/></a>

Ahora voy a agregarle un título:

<a href="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" ><img  src="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" width="320" height="235" title="la monalisa"/></a>

Y por último le agrego una descripción con el atributo ALT:

<a href="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" ><img  src="http://www.artespain.com/wp-content/uploads/mona-lisa.jpg" width="320" height="235" title="la monalisa" alt="la pintura más famosa de leonardo Davinci representa a una mujer de intrigadora belleza, de cabello largo negro y mirada profunda que parece sonreirle con picardía al espectador"/></a>

Cuando pases el ratón sobre la imagen aparecerá el título y si no puedes ver la imagen ya sea porque el navegador no la carga o por un problema visual el texto de la descripción aparecerá o el lector de pantalla te lo leerá.