Si no se especifica ningún atributo en especial, la imagen queda a la izquierda y el texto
se pega a ella en su parte inferior. Es la opción por defecto, y si el texto es largo se
desborda por debajo de la imagen.
En este caso, con el atributo ALIGN=top la imagen queda a la izquierda y el texto se pega a ella en
su parte superior. Si el texto es largo se desborda por debajo de la imagen... obsérvese
el espacio vacío que deja.
En este caso, con el atributo ALIGN=middle la imagen queda a la izquierda y el texto se pega a
ella en su parte central. Si el texto es largo se desborda por debajo de la imagen... obsérvese
el espacio vacío que deja.
En este caso, con el atributo ALIGN=left la imagen queda a la izquierda y el texto se pega a ella en
su parte superior. Pero ahora, si el texto es largo, aunque siga desbordándose por debajo
de la imagen ya no deja el espacio vacío como antes... es decir, el texto fluye por la derecha
de la imagen hasta que esta se acaba.
Esto es como el ejemplo de arriba ,
pero le hacemos saltar a la línea
siguiente antes de acabarla. El texto
sigue fluyendo alrededor de la imagen, pero podemos controlar su margen derecho
con el atributo CLEAR del salto de línea.
En este caso, con el atributo ALIGN=right la imagen queda a la derecha y el texto se pega a
ella en su parte superior. Pero ahora, si el texto es largo, aunque siga desbordándose por debajo
de la imagen ya no deja el espacio vacío como antes... es decir, el texto fluye por la izquierda de la
imagen hasta que esta se acaba.
En este caso, con el atributo ALIGN=left la imagen queda a la izquierda y el texto se pega a ella
en su parte superior a la derecha. Pero ahora, si el texto es largo, aunque siga desbordándose por
debajo de la imagen ya no deja el espacio vacío como antes... es decir, el texto fluye por la derecha
de la imagen hasta que esta se acaba. Se le ha puesto un BORDER de valor 5.
En este caso, con el atributo ALIGN=left la imagen queda a la izquierda y el texto se pega a ella
en su parte superior a la derecha. Pero ahora, si el texto es largo, aunque siga desbordándose
por debajo de la imagen ya no deja el espacio vacío como antes... es decir, el texto fluye por
la derecha de la imagen hasta que esta se acaba. Se ha forzado que quedasen espacios vacíos
en horizontal y en vertical para situar la imagen.
Ahora usaremos la imagen como punto para un enlace