Costruire un sito in HTML

Le immagini presenti nei siti internet e ammesse nel web sono sostanzialmente di tre tipi: GIF, JPG e PNG. Non usate quindi altre tipologie di immagini (tipo i file di photoshop psd).

Il codice per inserire una immagine è

<img src="immagine.gif" alt="descrizione della immagine" height="42" width="42" > 

Sostituisci il nome "immagine.gif" con il nome della tua immagine: attenzione anche all'estensione dell'immagine: jpg, gif...
Il codice appena usato ti permette di far vedere una immagine che sta nella stessa directory/cartella della pagina che la richiama. Se invece l'immagine dovesse trovarsi in un altro percorso, bisogna specficarlo. Esempio:
Mettiamo che la pagina html sia sul desktop e l'immagine che si vuole far vedere sia in una cartella chiamata IMMAGINI.
Il codice sarà così:

<img src="IMMAGINI/immagine.gif" alt="descrizione della immagine" height="42" 
width="42" > 

Il percorso specificato può essere anche un indirizzo completo (https://www... )

ALT specifica un testo alternativo per l'immagine.
HEIGHT e WIDTH specificano rispettivamente l'altezza e la larghezza dell' immagine in pixel.

Per andare a definire gli spazi dell'immagine dagli altri elementi circostanti (altre immagini o testi) o l'allineamento del testo con l'immagine, si usa il CSS in quanto i vecchi codici "align" delle immagini non sono più supportati dall' HTML5.
Ecco come allineare una immagine rispetto al testo con il CSS