Unidad 5. Imágenes (III)

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:

Valor	Significado	Ejemplo
absbottom	inferior absoluta	Imagen con texto
absmiddle	medio absoluta	Imagen con texto
baseline	línea de base	Imagen con texto
bottom	inferior	Imagen con texto
left	izquierda	Imagen con texto
middle	medio	Imagen con texto
right	derecha	Imagen con texto
texttop	texto superior	Imagen con texto
top	superior	Imagen con texto

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:

PerrosGatos Una web de animales

Habría que escribir:

PerrosGatos<img scr="imagenes/logo_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 imágen 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 izaquierda sino colocarla en un bloque aparte).

Para practicar los distintos aspectos explicados en el tema puedes realizar el Ejercicio paso a paso Insertar una imagen.

  Ejercicios del Tema 5.

  Prueba evaluativa del Tema 5.

Pág. 5.3