La mia prima pagina web! Seconda Lezione
Riprendiamo dall'ultima lezione. L'ultima volta hai realizzato questo codice:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
La mia prima pagina web!
</BODY>
</HTML>
Vediamo di migliorarlo ma prima ricorda quanto segue: ogni volta che apporti una modifica al tuo documento, salvalo cliccando su "File" e poi "Salva" (non c'è più bisogno dell'opzione "Salva con nome") e premi il bottone di Reload/Aggiorna sul tuo browser.
Adesso passiamo al sodo. Sarebbe bello cambiare il colore dello sfondo (background). La vita senza fantasia è piuttosto triste, no? Apportiamo qualche modifica al tag BODY. In questo modo:
<BODY STYLE="BACKGROUND-COLOR:#FF0000">
Qualcosa di divertente
</BODY>
Adesso prova invece questo codice
<BODY STYLE="BACKGROUND-COLOR:#FF00FF">
Qualcosa di divertente
</BODY>
Divertente no?
Adesso prova a cambiare quanto c'è scritto tra virgolette utilizzando i codici esadecimali presenti nella seguente tabella:
|
White |
=
|
#FFFFFF | |
| Black |
=
|
#000000 | |
| Red |
=
|
#FF0000 | |
| Blue |
=
|
#0000FF | |
| Green |
=
|
#009900 | |
| Yellow |
=
|
#FFFF00 | |
| Magenta |
=
|
#FF00FF |
Ricorda che tutto il tuo codice alla fine dovrebbe essere uguale a questo e variare solo per quanto riguarda il codice che permette il cambio del colore dello sfondo.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR:#FF00FF">
La mia prima pagina web!
</BODY>
</HTML>
Non dimenticare di salvare!!!
Se hai seguito alla lettera quanto scritto in precedenza dovresti aver ottenuto una pagina uguale a questa => "Clicca qui"