SELFHTML / Barra HTML Imágenes en HTML | ¡Escuche radio! |
Hacer fluir el texto alrededor de las imágenes |
|
Ligar una imágen con un texto circundante |
|
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
<img src="archivo.gif" align=left>El texto que fluye a la derecha de la imágen alineada a la izquierda |
<img src="archivo.gif" align=right>El texto que fluye a la izquierda de la imágen alineada a la derecha |
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).
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>.
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.
<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. |
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).
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! |