I file immagini sicuramente riconosciuti dai browser sono quelli con estensione .GIF e .JPG

 

Il tag che gestisce le immagini è IMG, non necessita del relativo tag di chiusura, mentre è obbligatorio l’attributo SRC.

 

L'attributo SRC è indispensabile perché permette di specificare il nome del file immagine che il browser carica separatamente, e il percorso che conduce alla collocazione del file stesso.

 

La sintassi è:

<IMG SRC="immagine.jpg">

 

L’immagine visualizzata all’interno del browser può essere caricata anche da un altro sito web (www.sitodifantasia.it).

 

 La sintassi è:

<IMG SRC="http://www.sitodifantasia.it/immagine.jpg">

 

Gli altri attributi sono: ALIGN, ALT, BORDER, WIDTH e HEIGHT.

 

L'attributo ALIGN permette di specificare l'allineamento dell'immagine rispetto alla riga di testo successiva.

 

I valori ammessi sono: left, right, top, middle e bottom.

 

Le possibili sintassi sono:

<IMG SRC="immagine.jpg" ALIGN=”left”>

<IMG SRC="immagine.jpg" ALIGN=”right”>

<IMG SRC="immagine.jpg" ALIGN=”top”>

<IMG SRC="immagine.jpg" ALIGN=”middle”>

<IMG SRC="immagine.jpg" ALIGN=”bottom”>

 

L'attributo ALT permette di specificare un testo descrittivo dell’immagine, testo che appare sia quando il puntatore del mouse vi passa sopra, e sia quando l'immagine non dovesse venire caricata dal browser.

 

La sintassi è:

<IMG SRC="immagine.jpg" ALT=”didascalia dell’immagine”>

 

L'attributo BORDER permette di specificare l’eventuale spessore del bordo.

 

La sintassi è:

<IMG SRC="immagine.jpg" BORDER=”3”>

 

L'attributo WIDTH e l’attributo HEIGHT vengono adoperati per specificare, in pixel, la dimensione orizzontale e quella verticale dell'immagine.

 

La sintassi è:

<IMG SRC="immagine.jpg" WIDTH=”115” HEIGHT=”80”>

 

Si possono impostare anche valori diversi da quelli reali, e ciò nel caso in cui si volesse adattare l'immagine a certe dimensioni, compreso un'eventuale distorsione.

 

Se gli attributi WIDTH e HEIGHT vengono omessi, il browser impiegherà più tempo per calcolare l'area sulla quale disporre il testo che viene dopo l’immagine, per questo motivo conviene impostarli sempre.