Concetti Chiave
- Il tag img in HTML permette di inserire immagini, inclusi file animati come .gif, senza necessità di chiusura.
- L'attributo obbligatorio src indica la sorgente dell'immagine, mentre alt fornisce un testo alternativo in caso di errore di visualizzazione.
- Gli attributi width e height sono facoltativi e definiscono rispettivamente la larghezza e l'altezza dell'immagine in pixel.
- Se il percorso dell'immagine è errato, verrà visualizzato un messaggio di errore al posto dell'immagine.
- Un esempio pratico mostra come specificare un'immagine con l'indirizzo e le dimensioni desiderate.
Inserimento di immagini in HTML
Nel linguaggio HTML c'è anche la possibilità di inserire un'immagine in qualsiasi formato, anche un'immagine animata come per esempio un file .gif.
Per aggiungere un'immagine bisogna servirsi del tag (che non richiede assolutamente chiusura).
All'interno del tag img possiamo trovare gli attributi:
- src (obbligatorio);
- alt (facoltativo);
- width (facoltativo);
- height (facoltativo).
Il primo attributo src specifica la "sorgente" dell'immagine, ovvero dove possiamo trovarla.
Il secondo attributo alt specifica il testo alternativo dovuto alla mancata visualizzazione dell'immagine, che potrebbe essere un messaggio di errore, o qualcos'altro.
L'attributo width e height specifica rispettivamente la larghezza e l'altezza dell'immagine espressa in pixels. In assenza di questi, si considerano i valori originali di altezza e larghezza dell'immagine che intendiamo mostrare.
Esempio pratico di codice HTML
Si mostri un immagine di indirizzo pincopallo/immagini/ciao.png di larghezza 750 e altezza 500.
Nel caso in cui si scrivesse pincoppppallo/immagini/ciao.png oppure qualsiasi altro indirizzo errato, si visualizzerà il messaggio "Errore".
Domande da interrogazione
- Qual è il tag HTML utilizzato per inserire un'immagine?
- Quali sono gli attributi principali del tag `<img>`?
- Cosa succede se si inserisce un indirizzo errato per l'immagine?
Il tag utilizzato per inserire un'immagine in HTML è il tag `<img>`, che non richiede chiusura.
Gli attributi principali del tag `<img>` sono `src` (obbligatorio), `alt` (facoltativo), `width` (facoltativo) e `height` (facoltativo), dove `src` indica la sorgente dell'immagine.
Se si inserisce un indirizzo errato, come ad esempio `pincoppppallo/immagini/ciao.png`, verrà visualizzato il messaggio "Errore".
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
