Come inserire le immagini in HTML?

Domanda di: Ing. Deborah Moretti  |  Ultimo aggiornamento: 6 luglio 2026
Valutazione: 4.4/5 (16 voti)

Per inserire un'immagine in HTML si usa il tag con gli attributi src (per specificare il percorso o URL dell'immagine) e alt (per una descrizione testuale alternativa, fondamentale per accessibilità e SEO), ad esempio Descrizione dell'immagine. Il tag è singolo e non ha chiusura, e gli attributi opzionali come width, height o loading possono essere aggiunti per controllare dimensioni e caricamento.

Come inserire immagini in HTML?

Il modo più semplice per inserire un'immagine in un documento HTML è attraverso il tag <img /> . Il tag è di tipo sostitutivo e ha bisogno di due attributi, uno obbligatorio, l'altro quasi sempre necessario, ma in rari casi omissibile.

Come mettere le immagini al centro in HTML?

Centrare le Immagini nelle Figure

  1. Avvolgi sia l'immagine che la sua <figcaption> all'interno di un elemento <figure>.
  2. Applica text-align: center al <figure> per centrare tutto il suo contenuto.

Come collegare un'immagine ad un link HTML?

Per inserire immagini nella pagina, si usa il tag <img> , seguito da vari attributi tra cui essenziale sono src=" " dove dentro le virgolette si scrive il nome del file che contiene l'immagine, e alt=" " , dove dentro le virgolette si mette una descrizione della immagine a parole, che sarà usata dai browser non grafici ...

Come posso inserire un'immagine?

Inserire immagini

  1. Eseguire una delle operazioni seguenti: Selezionare Inserisci > immagini > Questo dispositivo per un'immagine nel PC. Selezionare Inserisci > immagini > Immagini di archivio per immagini o sfondi di alta qualità. ...
  2. Selezionare l'immagine desiderata e quindi selezionare Inserisci.

Come inserire immagine in HTML