HTML: Imágenes 2

Alineación de una imagen

La alineación de las imágenes se establece a través del atributo align. Este atributo indica la alineación de las imágenes con respecto a la línea de texto en la que se encuentran.

Los valores del atributo align pueden ser los siguientes:

El resultado de aplicar uno u otro valor puede tener el mismo resultado, como ocurre con
los valores baseline y bottom, o con los valores texttop y top.

Para insertar el texto y la imagen siguientes:

Hay que escribir:

PerrosGatos<img scr="imagenes/animales.gif" align="middle">Una web de animales

Este tipo de alineación la recomendamos cuando es una imagen pequeña que queremos fundir con la línea de texto sin que por ello cree una separación demasiado grande entre la línea donde se encuentra la imagen y las líneas superior y inferior. Por ejemplo para la imagen de un icono de cualquier programa, de un botón, etc.

Si la imagen es muy grande, conviene dejarla aislada del texto (no ajustarla a la derecha ni a la izquierda sino colocarla en un bloque aparte).