## 5.2 -- Il tag `<img />`

Il tag `<img />` specifica un'immagine che deve apparire in un documento. la forma piu' smplice di questo tag richiede il solo attributo `src` che specifica il file contenente l'immagine. Se il file si trova nlla stessa directory del file HTML del documento allora e' richiesto solo il nome del file dell'immagine come valore di `src`. In alcuni casi il file dell'immagine e' memorizzato in una sottodirectory della directory in cui si trovano i file HTML. Ad esempio se il nome del file dell'immagine e' `stars.jpg` ed e' memorizzato nella sottodirectory `images` allora il file puo' venire inserito in un documento con la seguente riga:

`<img src = "images/stars.jpg" />`

### Gli attributi

Gli attributi vengono specificati sotto forma di parola chiave:

- apparira' il nome dell'attributo seguito dal segno di uguaglianza e dal valore dell'attributo;
- nomi degli attributi, come i nomi dei tag, vanno digitati in minuscolo;
- i valori degli attributi devono essere delimitati invece da virgolette;
- infine i nomi del percorso (path) possono contenere sia barre (slash) sia barre retroverse (anti-slash), indipendentemente dalla piattaforma del browser.

Nell'esempio, un inserto pubblicitario viene ampliato per includere informazioni su un aeroplano specifico e una sua immagine.

Esempio: Immagine ---- Rendering dell'esempio

Dall'esempio e' evidente che la struttura di un attributo e': `attributo = "valore"`.

Quindi in definita la struttura di un tag sara':

`<TAG attributo_1="valore1" attributo_2="valore2" ... attributo_n="valore_n"> contenuto </TAG>`

Il tag `<img />` e' molto versatile, infatti puo' essere seguito da un totale di 30 attributi diversi, alcuni dei quali sono trattati piu' avanti.

L'attributo `<alt>` di `<img />` viene utilizzato per specificare il testo sostitutivo dell'immagine, nel caso non venisse visualizzata dal browser. Nell'esempio di sopra la riga `<img src = "images/image01.jpg" />` puo' essere sostituita dalla seguente riga:

`<img src = "images/image01.jpg"
alt= "(picture of the Cessna 210)" />`