FOTOS paginadas - ¿cómo insertar imágenes a la derecha, izquierda y centro de un texto?

Ofrecemos aquí una instrucción con ejemplos prácticos de cómo insertar una imagen entre el texto en una página.

1) Imágen apoyándose a la derecha en el mismo texto.
Secondo il pensiero comune di oggi il Medioevo era per lo più popolato da gente sporca e fanatica; persone ignoranti e piene di pulci e parassiti, vestite di stracci con i capelli lunghi e la barba unti; persone istintive quasi come animali e per lo più dedite alla caccia alle streghe da inviare al rogo.
Si dimentica che il Medioevo fu l'epoca in cui in Europa sono nate le prime università - la più antica è quella di Bologna. Nel Medioevo c'erano gare di matematica, poesia e musica, e fu allora che i monaci nelle abbazie copiarono senza omissioni i libri antichi, trasmettendo ai posteri la cultura che ha permesso il Rinascimento. E scommetto che solo coloro che sono nel commercio conoscono chi era il matematico Fibonacci e conoscere il suo lavoro. .

Para conseguir este efecto se va a insertar en un punto del texto estas instrucciones:

<a style="clear: right; margin-top: 1em; margin-bottom: 1em; margin-left: 1em; float: right;" href="../../../../images/signorimedioev.jpg" target="_blank"
imageanchor="2"><img src="../../immagini/signorimedioev.jpg" alt="Caccia al cervo" width="397" height="245" /></a>

 Vemos el significado:

margin-top: 1em; la distancia entre la línea superior de texto y la imagen
margin-bottom: 1em; la distancia entre la imágen y la línea de texto debajo de la imagen.
margin-left: 1em;   la distancia entre la imagen  y el texto dejado de lado a la izquierda de la imagen.
float: right; la imagen apoyandose al lado derecho de la página

2) CAMBIO DE LADO

Secondo il pensiero comune di oggi il Medioevo era per lo più popolato da gente sporca e fanatica; persone ignoranti e piene di pulci e parassiti, vestite di stracci con i capelli lunghi e la barba unti; persone istintive quasi come animali e per lo più dedite alla caccia alle streghe da inviare al rogo.
Si dimentica che il Medioevo fu l'epoca in cui in Europa sono nate le prime università - la più antica è quella di Bologna. Nel Medioevo c'erano gare di matematica, poesia e musica, e fu allora che i monaci nelle abbazie copiarono senza omissioni i libri antichi, trasmettendo ai posteri la cultura che ha permesso il Rinascimento. E scommetto che solo coloro che sono nel commercio conoscono chi era il matematico Fibonacci e conoscono il suo lavoro.

Vamos a ver lo que ha cambiado.

margin-top: 1em; sin cambios
margin-bottom: 1em; sin cambios
margin-right: 1em; ha cambiado la distancia entre la imagen y el texto a lado que ahora se convierte en el borde derecho.
float: left; cambia el lado donde se coloca la imagen, que es ahora a la izquierda (LEFT).

3) PONER AL CENTRO

se va a insertar después de una línea de texto la siguiente declaración:

<p align="center"> <a href="../../immagini/signorimedioev.jpg" target="_blank"><img src="../../immagini/signorimedioev.jpg" width="440" height="271" alt="" /></a><br />
</p>

Para hacer el mismo efecto también es posible utilizar tablas, mediante la colocación de los elementos en una columna de una tabla.