E'importante che le immagini siano del formato JPG o GIF;quindi la cosa più semplice è scrivere questo comando:

<img src=nome.jpg alt=nome>

Dove "IMG" sta per immagine, "SRC" sta per Search ed è il percorso dal quale il browser prende l'immagine "JPG" sta per il formato dell'immagine...che potrebbe essere anche "GIF", ed "ALT" sta per il nome dell'immagine che leggiamo passando il puntatore del mouse sull'immagine.

Esempio pratico

Come posizionare le immagini al centro, a destra e a sinistra con <align>:

<img src=leti11.jpg alt=leti align=left>

<img src=let11.jpg alt=leti align=right>

<center><img src=leti11.jpg alt=leti></center>

Esempio pratico

Con "WIDTH" si imposta la larghezza dell'immagine in pixel, con "HEIGHT" l'altezza, con "BORDER" lo spessore del bordo dell'immagine:

Questa è un'immagine in cui non impostiamo width e height con la sintassi qua sotto:

<img src=let12.jpg alt=leti>

Esempio pratico

Qua sotto la stessa immagine con impostati width e height:

<img src=let12.jpg border=0 width=208 height=284 alt=leti>

Esempio pratico

Con "HSPACE" stabiliamo la distanza ai lati dell' immagine da un testo o da un'altra immagine con "VSPACE" la spaziatura alla base e al top dell'immagine. Questo per evitare che testi ed immagini o altri oggetti si addossino l'uno sull'altro.

<img src=immagine.jpg hspace=5 vspace=5 alt=immagine>