HTML ASP-VBscript Le Razze Canine Cinema Escursioni Forum Area Blog Ultimi Articoli!
Vai in Home Page  |  Indice della Guida Semplice al linguaggio HTML

HTML: CENTRARE TESTO E IMMAGINI

Immagini e testo

Utilizzare la centratura per dare forza ai titoli supportati da immagini

Non è sempre necessario allineare a destra o a sinistra testo e immagini per ottenere ordine nelle nostre pagine web, a volte potrebbe essere molto utile centrare un testo sopra un'immagine sia per ottenere un buon effetto didascalia sia per realizzare un titolo di una certa rilevanza.

Proviamo ora a centra testo e immagine prima di scrivere un articolo.

<P ALIGN="CENTER">
<STRONG>QUESTO E' IL TITOLO DELLA FOTO O DELLA PAGINA</STRONG>
<br>
<IMG SRC="img/foto_gatto_grande.jpg" ALT="Foto un po' piu' grande di un gatto" BORDER="0" VSPACE="5">
</p>

<P ALIGN="LEFT"> Questo è il testo della pagina che è allineato a sinistra mentre il titolo e la foto sono entrambi centrati... ... ... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>

il risultato:

QUESTO E' IL TITOLO DELLA FOTO O DELLA PAGINA
Foto un po' piu' grande di un gatto

Questo è il testo della pagina che è allineato a sinistra mentre il titolo e la foto sono entrambi centrati... ... ... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


In questo esempio il titolo (che fa anche da didascalia all'immagine) è centrato insieme alla foto del gatto mentre il testo immediatamente successivo è allineato a sinistra. Può essere un buon modo per iniziare una pagina web laddove si preferisca offrire agli utenti un'immagine di supporto prima ancora del testo.
Abbiamo utilizzato i TAG HTML:
  • <P>   (per allineare testi e immagini attraverso l'attributo ALIGN)
  • <IMG>   (per inserire l'immagine)
  • <BR>   (per andare a capo)
  • <STRONG>   (per rendere grassetto il titolo-didascalia)
Indice