Le immagini vanno inserite all'inteno del tag <img>.  Questo tag, a differenza di quasi tutti gli altri,  non deve obbligatoriamente essere  chiuso da un altro tag tipo </img>.

La sintassi di img ha questa forma :

<img src="logo.gif"  title="logo" alt="risorse per webmaster" width="240" height="60" border="0">

alt="..."

L'attributo alt  racchiude la descrizione dell'immagine. Un fattore  importante per l'accessibilità del sito, perchè aiuta a comprendere il significato dell'immagine ai non vedenti che navigano con gli screen reader, o anche solo a chi naviga con le immagini disabilitate.

title="..."

L'attributo title mostra il suo contenuto quando lasciamo il mouse sopra l'immagine. Title può contenere un titolo o una descrizione che spiega l'immagine.

width e height

Le due proprietà width e height  impostano le  dimensioni dell'immagine.Width imposta la larghezza ed height l'altezza dell'immagine.

I valori possono essere diversi dalle reali dimensioni dell'immagine, in questi casi l'immagine sarà ridimensionata dal browser.

border="0"

border imposta la dimensione del bordo dell'immagine. Di solito viene utilizzato Border=0, che  equivale a nessun bordo, soprattutto quando si tratta di immagini linkate, altrimenti si viene a creare  un bordo blu attorno all'immagine che in genere non si integra bene nella grafica del sito.