SELFHTML: HTML / Imágen / Distancia entre la imágen Abstand zwischen Grafik und umgebendem Text

SELFHTML / Barra HTML Imágenes en HTML
¡Escuche radio!

	Distancia entre la imágen y su entorno
	Definir la distancia entre la imágen y el texto

Definir la distancia entre la imágen y el texto

Ejemplo visual:

Usted puede determinar de que tamaño debe ser la distancia entre la imágen y su entorno.

Ejemplo 1:

<img src="archivo.gif" align=left hspace=20>Texto que circunda la imágen

Ejemplo 2:

<p>Texto sobre la imágen</p>
<img src="archivo.gif" vspace=30>
<p>Texto debajo de la imágen</p>

Ejemplo 3:

<div align=center>
<p>Texto sobre la imágen</p>
<p>Texto a la izquierda de la imágen<img src="archivo.gif" align=absmiddle hspace=40 vspace=40>Texto a la derecha de la imágen</p>
<p>Texto debajo de la imágen</p>
</div>

Aclaración:

Con hspace= [píxel] puede determinar la distancia entre una imágen y otros elementos a su izquierda o derecha (hspace = horizontal space = espacio horizontal).
Con vspace= [píxel] puede determinar la distancia entre una imágen y otros elementos arriba o abajo de ellas (vspace = vertical space = espacio vertical).

Ambas especificaciones se pueden utilizar juntas, como en el tercer ejemplo de arriba.

Atención:

La especificación hspace= se refiere siempre a la distancia al márgen izquierdo y al márgen derecho de la imágen, la especificación vspace= se refiere siempre a la distancia superior e inferior al márgen. Si usted por ejemplo define hspace= en una imágen alineada a la izquierda, se genera no solamente un espacio al texto a la derecha de la imágen, sino al margen izquierdo de la ventana de visualización. Para impedir esto, usted puede trabajar más minuciosamente utilizando hojas de estilo. Con ayuda de las especificaciones de hojas de estilo para distancias, márgenes, alineamiento en la etiqueta <img> puede definir explícitamente las distancias en una página.


siguiente:	Cargar una imágen en dos versiones
anterior:	Hacer fluir el texto alrededor de las imágenes