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: |
©2002 www.webfract.it