SELFHTML / Barra  HTML  Imágenes en HTML

¡Escuche radio!


Hacer fluir el texto alrededor de las imágenes

Esta página es un documento con texto informativo

 Ligar una imágen con un texto circundante
 Forzar la contnuación del texto debajo de la imágen

 

HTML3.2Ligar una imágen con un texto circundante

Ejemplo Ejemplo visual:

Usted puede alinear a la izquierda o la derecha las mágenes que referencia con la etiqueta <img>. El texto circundante fluye entonces alrededor de la imágen

Ejemplo 1:

<img src="archivo.gif" align=left>El texto que fluye a la derecha de la imágen alineada a la izquierda

Ejemplo 2:

<img src="archivo.gif" align=right>El texto que fluye a la izquierda de la imágen alineada a la derecha

Aclaración:

Con las especificaciones align=left y align=right obliga al navegador a alinear la imágen a la izquierda o a la derecha y al texto siguiente visualizarlo a la derecha o la izquierda de la imágen y hacerlo fluir (correr) alrededor de la imágen (align = alinear, left = izquierda, right = derecha).

Atención:

El texto circundante puede contener diferentes elementos, por ejemplo encabezamientos o listas.

Usted puede también controlar la  distancia entre la imágen y el texto.

Para alinear las imágenes, sin hacer fluir el texto alrededor de ellas, debe anotar antes y después de las imágens  párrafos correspondientes (saltos de párrafos) - por ejemplo con ayuda de <p><img src="archivo.gif"><p> o <p align=center><img src="archivo.gif"><p>.

 

HTML3.2Forzar la contnuación del texto debajo de la imágen

Ejemplo Ejemplo visual:

A veces usted desea por ejemplo escibir unos dos renglones de comentarions al lado de la imágen, y después continuar con el texto debajo de la imágen. Para ello usted debe forzar un salto (quiebre) especial que interrumpa el texto al lado de la imágen y en lugar de eso lo continue debajo de la imágen.

Ejemplo:

<title>Título del archivo</title>
<img src="archivo.gif" align=left>Texto que corre alredefor de la imágen<br clear=all>
y el texto que prosigue debajo de la imágen.

Aclaración:

Si usted hace fluir el texto siguiente con align=left o con align=right alrededor de la imágen, entonces puede hacer la especificación <br clear=all> dentro del texto, para interrumpir el flujo del texto y continuarlo debajo de la imágen (br = break = quiebre, clear = borrar, all = todo).

Atención:

Además de <br clear=all> son permitidas también las especificaciones <br clear=left> y <br clear=right>. Experimente con las especificaciones, si no logra el efecto deseado con <br clear=all>.


 
siguiente: Distancia entre la imágen y su entorno
anterior: Poner una inscripción a las imágenes
 

SELFHTML / Barra  HTML  Imágenes en HTML

¡Escuche radio!

© 1998  Stefan Münz  © 1999   Traducción  Virgilio Krumbacher, krumbacher@selfhtml.com.ar

1