Immagini

File di esempio: esempio12.htm

Per inserire una immagine all'interno di un documento HTML si utilizza la seguente sintassi:

<IMG SRC="nome_file.tipo">

Da notare che si tratta di un TAG singolo ovvvero non ha bisogno dell'istruzione di chiusura.
Gli attributi di questo TAG sono:

WIDHT="numero" per fissare la larghezza di visualizzazione dell'immagine, dove numero esprime i pixel.
HEIGHT="numero" per fissare la altezza di visualizzazione dell'immagine, dove numero esprime sempre i pixel. Esempio: <IMG SRC="foto.jpg" WIDTH="120" HEIGHT="60">
ALIGN="tipo_di_allineamento" per definire l'allineamento dell'immagine rispetto al testo circostante.
I valori possibili sono:
- ALIGN="bottom": il lato inferiore dell'immagine appare allineato alla base della riga di testo (è il valore predefinito).
- ALIGN="middle": il punto mediano dell'altezza della immagine si allinea alla base della della riga di testo. Al termine della riga, il testo si spezza e prosegue sotto l'immagine.
- ALIGN="top": il lato superiore dell'immagine si allinea alla parte superiore della riga di testo. Al termine della riga, il testo si spezza e prosegue sotto l'immagine.
- ALIGN="left": l'immagine si posiziona sul lato sinistro della pagina ed il testo scorre intorno ad essa sul alto destro.
- ALIGN="rigth": l'immagine si posiziona sul lato destro della pagina ed il testo scorre intorno ad essa sul alto sinistro.
VSPACE="numero" per inserire uno spazio bianco che circonda l'immagine sopra e sotto.
VSPACE="numero" per inserire uno spazio bianco che circonda l'immagine sopra e sotto.
BORDER="numero" per inserire un bordo intorno all'immagine. Il valore numero rappresenta lo spessore del bordo in pixel.
ALT="didascalia" per inserire un testo alternativo, che venga visualizzato prima che si carichi tutta l'immagine oppure passando con il mouse sopra la figura stessa.