Vediamo di capirci qualcosa:
IMG è il nome del tag che indica al browser che abbiamo intenzione di inserire in quel punto una immagine;
SRC è l'unico parametro veramente indispensabile, indica infatti il percorso della pic da visualizzare;
WIDTH ed HEIGHT, sono rispettivamente la larghezza e l'altezza in pixel dell'immagine, facilmente deducibili da qualsiasi programma di grafica, nonchè da qualunque browser;
ALIGN definisce l'allineamento, ed al posto di XXXX va inserito top se la si vuole allineare in alto e middlese la si vuole allineare centrata (ovviamente rispetto al testo). Sostituire le XXXX con bottom per allinearla in basso è superfluo in quanto quello in basso è l'allineamento predefinito pertanto, se sono queste le nostre intenzioni, e possibile omettere il suddetto attributo.
Può capitare che durante la visualizzazione di un'immagine avvenga qualcosa di spiacevole che ne blocchi il caricamento, oppure che le vostre pagine possano essere non viste da qualcuno che, per essere più veloce, ha settato il proprio browser in modo che non carichi le immagini, o, ancora, che le vostre immagini vengano caricate lentamente date le dimensioni "esagerate" (rispettate i visitatori!).
Rendendosi conto di quanto frequenti possano essere i casi sopra elencati è conveniente utilizzare un altro attributo dell'immagine: il comando ALT.
Mediante questo è possibile dare una breve definizione di quello che raffigurerà l'immagine dopo il caricamento. Guardate, ad esempio, cosa accade a questa immagine (volutamente inesistente):
La sintassi per aggiungere un "testo ALTernativo" alle immagini è la seguente:
Nell'uso delle immagini come collegamenti è molto importante, specie quando si fa uso di gif trasparenti, aggiungere agli attributi il comando border=0 come segue: