Una volta imparato come si mettono le immagini adesso vediamo come posizionarle correttamente nella nostra pagina web. Usiamo il codice align (= allinea)

Notiamo come l'immagine si sia spostata a sinistra rispetto al testo. Analogamente possiamo farla spostare a destra andando a sostituire left con "left" con "right".

Se invece vogliamo allineare l'immagine ad altri elementi vicini, in alto o in basso, mettiamo "top" per metterla in alto, "middle" in centro e "bottom" in fondo.

Se vogliamo posizionare l'immagine al centro della pagina conviene usare il tag center, prima dell'immagine e chiuderlo successivamente. Così:

N.B.
Con l'HTML si può mettere in alto o in basso o allineare l'immagine a destra o a sinistra rispetto ad altri elementi. Però per disporre le immagini in un esatto punto della pagina con o senza altri punti di riferimento (testo o immagine) conviene usare i fogli di stile.. per ora non ho ancora fatto una guida sui fogli di stile ma ti scrivo qui un codice che spero possa esserti utile: "gioca" con i valori top e right per posizionare l'immagine dove meglio credi e ovviamente sostituisci l'url dell'immagine con il percorso dove si trova la tua immagine:

LEZIONE SUCCESSIVA: COME METTERE I LINK AD ALTRE PAGINE