Aggiunta di immagini in HTML
Scorri per mostrare il menu
Le immagini rendono le pagine web più coinvolgenti. È possibile inserire un'immagine utilizzando il tag <img>.
index.html
Attributi principali:
src: obbligatorio. Percorso del file immagine (assoluto o relativo);alt: obbligatorio. Testo visualizzato se l'immagine non può essere caricata, utilizzato anche dai lettori di schermo;width/height: dimensione in pixel. Senza questi attributi, l'immagine viene visualizzata nella sua dimensione originale.
Attributo alt
Il testo alt deve descrivere chiaramente l'immagine e fornire un contesto utile.
Immagina il seguente esempio. Hai una fonte riguardante le corse di cavalli. Vuoi mostrare come i concorrenti si preparano alla gara.
Testo alt poco descrittivo:
index.html
Testo alt migliorato:
index.html
La versione migliorata fornisce un contesto reale e aiuta gli utenti con disabilità visive a comprendere cosa mostra l'immagine.
Attributo src
L'attributo src può utilizzare sia percorsi assoluti che relativi per specificare la posizione del file immagine.
Percorso assoluto
Un URL completo che punta a un'immagine online.
index.html
Chiunque può accedere all'immagine tramite questo link completo.
Si prega di esaminare il seguente esempio reale.
Percorso relativo
Indica un'immagine all'interno della cartella del progetto.
index.html
Questo significa che image.jpg è memorizzato nella directory images vicino al tuo file HTML.
Esamina l'esempio reale fornito qui sotto. Troverai la cartella images, che contiene il file sun.png.
Percorsi assoluti: URL completi che funzionano da qualsiasi punto di Internet.
Percorsi relativi: percorsi locali del progetto utilizzati all'interno della propria struttura di cartelle.
1. Quale tag può essere utilizzato per inserire un'immagine in un sito web?
2. Quale attributo è necessario specificare per un tag <img/>?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
