Inserimento immagini
< IMG SRC="percorso / nome file" >
Attributi aggiunti
< IMG ALIGN=nome_parametro SRC="nome del file > Indica l'allineamento del testo che segue l'immagine:
dove "nome_parametro" e' :
- BOTTOM (allinea il testo che segue a partire dalla fine della figura)
- MIDDLE (Inizia il testo dal centro della fgura)
- LEFT (pone la figura a sinistra)
- RIGHT (pone la figura a destra)
- TOP (allinea la parte superiore dell'immagine con il testo piu' alto)
- TEXTTOP (come TOP ma con risultati a volte diversi)
- ABSMIDDLE (allinea il centro dell'immagine con il centro della riga di testo)
- BASELINE (come BOTTOM)
- ABSBOTTOM (allinea la parte inferiore dell'immagine con la base del testo)
Molti parametri sopraillustrati producono effetti simili tra loro o diversi a seconda del Browser utilizzato.
Ecco comune un esempio ci ciascuno:
< IMG ALIGN=BOTTOM img src="file.gif">
< IMG ALIGN=MIDDLE img src="file.gif">
< IMG ALIGN=LEFT img src="file.gif">
< IMG ALIGN=RIGHT img src="file.gif">
< IMG ALIGN=TOP img src="file.gif">
< IMG ALIGN=TEXTTOP img src="file.gif">
< IMG ALIGN=ABSMIDDLE img src="file.gif">
< IMG ALIGN=BASELINE img src="file.gif">
< IMG ALIGN=ABSBOTTOM img src="file.gif">
Per inserire del testo nella prima riga libera dopo l'immagine a sinistra o a destra si usa il comando:
< BR CLEAR=LEFT >
oppure
< BR CLEAR=RIGHT >
Altri attributi
HSPACE="..." indica lo spessore in pixel tra l'immagine e il testo a lato
VSPACE="..." indica lo spessore in pixel tra l'immagine e il testo a sopra o sotto
BORDER="..." E' lo spessore in pixel della cornice dell'immagine
WIDTH="..." e HEIGHT="..." sono la larghezza e l'altezza in pixel dell'immagine.
NB: se questi valori corrispondono all'effettiva dimensione dell'immagine, il browser riesce a caricarla piu' velocemente. Se invece le dimensioni sono diverse, il browser effettua un adattamento in scala. Puo' essere utilizzato efficacemente per fare delle riduzioni della stessa immagine
LOWSRC="..." e' il nome di un'immagine alternativa che viene caricata prima dell'immagine indicata in SRC (ad esempio per caricare una versione dell'immagine a bassa risoluzione prima di quella finale).
Esempi:
< IMG HSPACE=100 Img src="file.gif">
< IMG VSPACE=100 Img src="img/immagine.gif"
< IMG BORDER=50 Img src="file.gif">
< IMG WIDTH=100 HEIGHT=200 Img src="file.gif">
< IMG WIDTH=50 HEIGHT=20 Img src="file.gif">
< IMG LOWSRC="file1.gif" Img src="file2.gif">
Questo comando consente di caricare una immagine a bassa risoluzione prima di caricare quella definitiva
Immagini sovrapposte e posizionamento delle immagini secondo coordinate indicate
Home