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.

Atrás  Inicio  Adelante


.