HTML

La mia prima pagina web! Terza Lezione

La mia prima pagina web! Terza Lezione
Autore: Sistema
Data: 21/05/2026
Tipo: Materiale didattico
Dimensione: 3638 caratteri
Metti alla Prova

Nella lezione precedente hai imparato come cambiare lo sfondo (background). Seguendo tutte le indicazioni dovresti aver scritto esattamente quanto segue:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="#FF00FF">
La mia prima pagina web!
</BODY>
</HTML>

Alla fine, salvato il tutto come .html, dovresti aver ottenuto una pagina uguale a questa → Clicca qui


Adesso andiamo avanti.

Lo sfondo può essere cambiato in tanti modi. Puoi modificare il colore, ma puoi anche inserire un'immagine!

È semplice!

Procurati l'immagine che vuoi utilizzare come sfondo e copiala nella stessa cartella in cui hai salvato la tua pagina1.html. Per semplificarti il lavoro te ne passo una qui → 123scuolalogo.jpg (per salvare fai clic con il tasto destro e scegli "Salva con nome..."). Il file si chiama 123scuolalogo.jpg — ricorda il nome perché verrà usato subito nell'esempio che segue.

Adesso inserisci nel tag <BODY> la dicitura BACKGROUND="123scuolalogo.jpg". Alla fine dovresti ottenere un codice come questo:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BACKGROUND="123scuolalogo.jpg">
La mia prima pagina web!
</BODY>
</HTML>

La tua pagina dovrebbe essere uguale a questa → Clicca qui


Credo tu abbia capito come funziona: per inserire un'immagine di sfondo basta scrivere nel tag <BODY> la parola BACKGROUND seguita dal nome del file (non dimenticare le virgolette " " e il simbolo =).

Facciamo un altro esempio. Per inserire l'immagine mail.jpg dovrai scrivere:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BACKGROUND="mail.jpg">
La mia prima pagina web!
</BODY>
</HTML>

Dai, è facile!

Adesso prova tu. Cambia lo sfondo della tua pagina usando i file qui sotto:

mail.jpg = mail.jpg
freccia.jpg = freccia.jpg
lampadina.jpg = lampadina.jpg
griglia.jpg = griglia.jpg

Facile no? Alla prossima! ??

Prova tu!

Scrivi il codice HTML e guarda subito il risultato

Codice HTML
Anteprima

💡 Il risultato si aggiorna mentre scrivi. Usa il pulsante Esegui per aggiornare manualmente.