Una delle prerogative piu` potenti di HTML e` quella di
poter introdurre parti multimediali all'interno del testo normale.
Inizialmente, queste parti erano solo immagini, quindi HTML ha sviluppato
una serie di tags appositi per l'inserimento di immagini nel testo. Il
suddetto tag e` <IMG>, il quale accetta i seguenti parametri:
SRC: Indica il file da inserire come immagine. Attualmente, sono
supportati solamente i formati JPEG e GIF. HEIGHT e WIDTH: Indicano la
larghezza e l'altezza dell'immagine. Se omessi, utilizzano il valore di
default della stessa. HSPACE e VSPACE: Indicano la distanza minima che
dovra` avere il testo dall'immagine, sia in senso verticale (VSPACE) che
orizzontale (HSPACE). LOWSRC: Viene, attualmente, interpretato solo
da Netscape, ma lo segnaliamo perche` gli altri browsers lo ignorano.
Indica un secondo file di immagine, in genere di risoluzione minore
rispetto al principale, che viene caricato con la prima passata del
documento. Quando tutto il testo e tutti i LOWSRC sono caricati, Netscape
visualizza la pagina e parte a caricare le immagini principali. Utile
quando le immagini principali stesse sono di grandi dimensioni (a livello
di bytes). ALIGN: Indica dove si debba allineare l'immagine rispetto
al testo o alla pagina. Oltre ai classici "left" e "right", abbiamo anche:
MIDDLE: Allinea al centro della base della linea col centro dell'immagine.
ABSMIDDLE: Allinea al centro della linea col centro dell'immagine.
TEXTTOP: Allinea col testo piu` alto nella linea. TOP: Allinea con
l'oggetto piu`alto della linea (non sempre il testo). BOTTOM ed
ABSBOTTOM: Come MIDDLE ed ABSMIDDLE, solo verso il basso che non verso il
centro dell'immagine. BASELINE: Identico a BOTTOM. ALT: Indica un
testo alternativo da visualizzare, nel caso in cui il browser abbia i
caricamenti immagini disabilitati o non ne sia capace (per esempio, il
Lynx). BORDER: Serve per impostare un bordo all'immagine. Il parametro
del BORDER ne da` lo spessore in pixels.
NOTA: Quando ci riferiamo
alla base della linea di testo, si intende quella linea che
sottolineerebbe il testo se tale attributo fosse attivato.
Ecco
una riga di esempio:
<img src="duke.gif" border=3
align=absmiddle height=45 width=30 alt="Caricamenti disabilitati">
Questo e` il testo seguente...