Il manuale di HTML a cura di Gabriele Gigliotti
 

intro | lezioni | articoli | dizionario | download | e-mail |
 

<IMG>

Consulta le schede degli altri tag   
tag descrizione
<IMG> Introduce un immagine all'interno del documento.
Per funzionare deve necessariamente prevedere l'impiego dell'attributo src.
attributi

descrizione

src="..." Affinchè l'immagine venga introdotta è necessario inserirne solo il nome se questa si trova nella stessa directory del documento, altrimenti si dovrà specificare l'intero percorso.
width="..." Segnala al browser l'ampiezza dell'immagine: il valore va introdotto in pixel.
Questo attributo, insieme al successivo height, non sono di per se necessari per una corretta visualizzazione dell'immagine, tuttavia segnalando esplicitamente al browser tali informazioni si facilita il suo compito, (il browser venuto a conoscenza di tali valori, lascia uno spazio appropriato per l'immagine e si preoccupa di scaricare altre informazioni) si riducono i tempi di elaborazione e in definitiva la pagina si scarica più in fretta.
height="..." Segnala al browser l'altezza dell'immagine: il valore va introdotto in pixel.
alt="..." Se si naviga con un browser di solo testo come Lynx, oppure si dispone di un browser grafico ma si è disabilitata l'opzione di scaricamento delle immagini, al posto dell'immagine sarà possibile visualizzare una breve descrizione della stessa, ricorrendo appunto all'attributo alt e digitando tra virgolette una breve stringa di testo.
border="..." Puoi, se lo credi, inserire un bordo attorno all'immagine. In genere questo bordo viene aggiunto automaticamente quando l'immagine viene usata come un link, in quest'ultimo caso il bordo può essere eliminato inserendo il numero zero come valore per questo attributo.
align="..." Accetta uno dei 5 valori disponibili per fissare l'allineamento dell'immagine rispetto alla riga di testo in cui dovrà essere inserita.
  • left: l'immagine si trova a sinistra, il testo scorre a destra:
  • right: l'immagine si trova a destra, il testo scorre a sinistra;
  • top: bordo superiore dell'immagine allineato al bordo superiore del testo
  • middle: il testo si trova in corrispondenza della metà del valore height
    (più difficile da spiegare che da implementare :-)
  • bottom: bordo inferiore dell'immagine allineato al bordo inferiore del testo;

 
© Gabriele Gigliotti 1998 1999