Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Lavorare con le Immagini in HTML | Immagini e Media
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Fondamenti di HTML

bookLavorare con le Immagini in HTML

Le immagini migliorano l'aspetto visivo di una pagina web e aiutano a comunicare informazioni. In HTML, le immagini vengono aggiunte utilizzando il tag <img>.

Inserimento delle immagini

Il tag <img> è autochiudente e richiede almeno due attributi:

  • src: posizione del file immagine;
  • alt: testo alternativo per l'accessibilità o quando l'immagine non viene caricata.
<img src="image.jpg" alt="Description of the image">

Attributi delle immagini

  • src: percorso o URL dell'immagine (obbligatorio);
  • alt: testo di riserva e descrizione per l'accessibilità;
  • width: imposta la larghezza dell'immagine;
  • height: imposta l'altezza dell'immagine;
  • title: mostra un suggerimento al passaggio del mouse.
index.html

index.html

copy
  • Il tag <img> inserisce un'immagine in una pagina web;
  • L'attributo src specifica l'URL di origine del file immagine;
  • L'attributo alt imposta il testo alternativo per l'immagine;
  • L'attributo width definisce la larghezza dell'immagine;
  • L'attributo height definisce l'altezza dell'immagine;
  • L'attributo title fornisce ulteriori informazioni sull'immagine.

1. Quale tag viene utilizzato per inserire immagini in un documento HTML?

2. Quale attributo è necessario per il tag <img> per visualizzare l'immagine?

3. Cosa fornisce l'attributo alt per un'immagine?

4. Cosa succede se l'immagine specificata nell'attributo src non può essere caricata?

question mark

Quale tag viene utilizzato per inserire immagini in un documento HTML?

Select the correct answer

question mark

Quale attributo è necessario per il tag <img> per visualizzare l'immagine?

Select the correct answer

question mark

Cosa fornisce l'attributo alt per un'immagine?

Select the correct answer

question mark

Cosa succede se l'immagine specificata nell'attributo src non può essere caricata?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 1

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookLavorare con le Immagini in HTML

Scorri per mostrare il menu

Le immagini migliorano l'aspetto visivo di una pagina web e aiutano a comunicare informazioni. In HTML, le immagini vengono aggiunte utilizzando il tag <img>.

Inserimento delle immagini

Il tag <img> è autochiudente e richiede almeno due attributi:

  • src: posizione del file immagine;
  • alt: testo alternativo per l'accessibilità o quando l'immagine non viene caricata.
<img src="image.jpg" alt="Description of the image">

Attributi delle immagini

  • src: percorso o URL dell'immagine (obbligatorio);
  • alt: testo di riserva e descrizione per l'accessibilità;
  • width: imposta la larghezza dell'immagine;
  • height: imposta l'altezza dell'immagine;
  • title: mostra un suggerimento al passaggio del mouse.
index.html

index.html

copy
  • Il tag <img> inserisce un'immagine in una pagina web;
  • L'attributo src specifica l'URL di origine del file immagine;
  • L'attributo alt imposta il testo alternativo per l'immagine;
  • L'attributo width definisce la larghezza dell'immagine;
  • L'attributo height definisce l'altezza dell'immagine;
  • L'attributo title fornisce ulteriori informazioni sull'immagine.

1. Quale tag viene utilizzato per inserire immagini in un documento HTML?

2. Quale attributo è necessario per il tag <img> per visualizzare l'immagine?

3. Cosa fornisce l'attributo alt per un'immagine?

4. Cosa succede se l'immagine specificata nell'attributo src non può essere caricata?

question mark

Quale tag viene utilizzato per inserire immagini in un documento HTML?

Select the correct answer

question mark

Quale attributo è necessario per il tag <img> per visualizzare l'immagine?

Select the correct answer

question mark

Cosa fornisce l'attributo alt per un'immagine?

Select the correct answer

question mark

Cosa succede se l'immagine specificata nell'attributo src non può essere caricata?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 1
some-alt