Ejemplo 5.5

Estos son ejemplos de las diferentes maneras de usar las imágenes en un documento


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 junto con este texto por si está desconectado el visor de imágenes del navegador. Si molesta el borde puede ponerse BORDER=0 y se soluciona.


Ahora, con una lista:

Primer elemento de la lista
Segundo elemento de la lista
Tercer elemento de la lista