ATTRIBUTI DELLE IMMAGINI

ALLINEAMENTO

Codice:<img src="sole.gif"align="right">

Risultato

L'immagine si dispone a destra ma, attenzione, del testo scritto subito dopo.

Codice:<img src="http://www.webfract.it/GUIDA/sole.gif"align="left">

Risultato

In questo caso l'immagine si dispone a sinistra ma, attenzione, del testo scritto subito dopo.

Codice:<img src="http://www.webfract.it/GUIDA/sole.gif"align="top">

Risultato

L'immagine si dispone in alto ma, attenzione, rispetto al testo scritto subito dopo.

GRANDEZZA DELLE IMMAGINI

Codice:<img src="http://www.webfract.it/GUIDA/sole.gif" width="50%">

Risultato L'immagine occupa la metà (50%) della pagina

...può occupare anche, ad esempio, la ventesima parte (5%) in larghezza (width) e la quinta in altezza (height="20%).....

Codice:<img src="http://www.webfract.it/GUIDA/sole.gif" width="5%" height="20%">

Risultato

Possiamo anche dare all'immagine le misure assolute: se specifichiamo solo un attributo (larghezza o altezza), questa si visualizza secondo le sue proporzioni, altrimenti, è possibile deformarla.

Codice:<img src="http://www.webfract.it/GUIDA/sole.gif"align=" width="100" height="40">

Risultato

Anche se l'immagine viene rimpicciolita sullo schermo, il tempo per caricarla è lo stesso che se fosse delle dimensioni con cui è stata salvata: se serve un'immagine piccola, è utile disporne di una copia nelle dimensioni necessarie. Conviene sempre inserire gli attributi per le dimensioni delle immagini: senza di queste il browser ritarderebbe l'inserimento del testo, con notevole perdita di tempo.

Infine, se si aggiunge l'attributo Alt="nome immagine" potrà essere visualizzato nome immagine se questa non può essere caricata.
Gli attributi vspace=... e hspace=... riguardano la distanza che dovrà avere il testo rispetto all'immagine.
Esempio:

In questo caso l'immagine è distanziata dal testo di 15 pixel in verticale e di 1 in orizzontale.

Codice: <img src="picMp.gif" align="left" width=10 vspace=15 hspace=1 alt="Immaginetta">

©2002 www.webfract.it