Gestione delle immagini
La forza del Web č data anche dall'immagine che si da di se, del proprio sito e della propria attivitā.
Allo scopo l'HTML offre la possibilitā di inserire immagini all'interno delle pagine Web, attraverso il tag img.
Vediamo subito un esempio:
<img src="nome-del-file.gif">Il tag img č vuoto, quindi non prevede l'omonimo tag di chiusura.
I principali e pių diffusi formati immagine consentiti sul Web sino GIF (adatto a loghi, bottoni e banner, e possono essere immagini animate, quindi in movimento), JPG (adatto alle foto, dato che si tratta di un formato ad alta risoluzione) e PNG (molto portabile su tutte le piattaforme e meglio trattabile attraverso software di grafica).
I principali attributi del tag img sono i seguenti:
- alt - testo alternativo, ovvero etichetta dell'immagine;
- border - imposta o elimina il bordo all'immagine;
- hspace - imposta la distanza in orizzontale tra l'immagine ed altri elementi;
- vspace - imposta la distanza in verticale tra l'immagine ed altri elementi;
Impostazione un'etichetta all'immagine:
<img src="nome-del-file.gif" alt="Descrizione immagine...">Impostazione del bordo all'immagine:
<img src="nome-del-file.gif" border="1">Se non specificato, il valore č zero (0).
Imposta una spaziatura in orizzontale ed in verticale:
<img src="nome-del-file.gif" hspace="5" vspace="5">Un'immagine puā essere usata come link, come nell'esempio che segue:
<a href="pippo.html"><img src="pippo.gif" alt="Pippo" border="0"></a>Si consiglia di impostare il bordo a zero per evitare che il link faccia comparire un antiestetico e poco professionale bordo intorno all'immagine.