Come inserire immagine HTML

Hai creato un sito web e vuoi inserire un’immagine nella tua nuova pagina, per rendere il tutto più esteticamente accattivante, ma non sai come fare? Non c’è nessun problema, ti aiutiamo noi!

Qui ti faremo vedere come inserire un’immagine in una pagina HTML.

Le immagini migliorano l’aspetto visivo delle pagine web, rendendole più interessanti e colorate. Per inserire un’immagine in un file scritto in HTML, devi usare un codice dedicato all’inserimento dei file di immagine.

Vediamo quindi come scrivere questo codice ed inserire l’immagine nella pagina HTML.

Come inserire immagini in pagine HTML

Per inserire un’immagine in un file HTML, la sintassi giusta è questa:

<img src="url" alt="testo">

Ecco un esempio:

<img src="https://comefareper.online/" alt="logo">

Dove l’url è il link dell’immagine e in “alt” scriverai il testo che vorrai far apparire quando con il puntatore del mouse andrai sull’immagine. In poche parole è la descrizione dell’immagine.

L’attributo “alt”

L’attributo alt, come detto sopra, fornisce una descrizione alternativa dell’immagine, utile se un utente non è in grado di visualizzarla a causa della connessione lenta o se l’utente utilizza uno screen reader o un browser non grafico.

Impostare larghezza e altezza dell’immagine

Gli attributi di larghezza(width) e altezza(height), vengono utilizzati per specificare la larghezza e l’altezza dell’immagine.

I valori di questi attributi sono interpretati in pixel per impostazione predefinita.

<img src="https://comefareper.online/" alt="logo" width="150" height="90">

Puoi usare anche l’attributo style per specificare larghezza e altezza dell’immagine. Questo impedisce ai fogli di stile di modificare accidentalmente le dimensioni dell’immagine.

<img src="https://comefareper.online/" alt="logo" style="width: 150px; height: 90px;">

P.s: è buona norma specificare gli attributi di larghezza e altezza per un’immagine. In caso contrario, il caricamento delle immagini potrebbe causare distorsioni nel layout del tuo sito web.

Per quanto riguarda l’attributo src, questo non ha bisogno di chiusura, come avviene per esempio per <center> che richiede la chiusura con </center>

La stessa cosa accade per <br> che utilizzerai per interrompere una linea e andare a capo.

Bene, ti abbiamo fatto vedere come inserire immagini in pagine HTML. Speriamo di esservi stati di aiuto, ciao e alla prossima!

Seguimi su:
Ciao, mi chiamo Simone Icolaro e gestisco www.comefareper.online. Qui ti aiuterò nel cercare soluzioni ai piccoli problemi tecnologici.
Simone Icolaro
Seguimi su:
Latest posts by Simone Icolaro (see all)