Contact me at arianna.mariani@gmail.com

Lezione 7: inserire le prime regole nel body

Realizzare una pagina con il testo de Il cantico delle creature.

<HTML>

<HEAD>

         <TITLE>Il cantico delle creature</TITLE>

</HEAD>

<BODY>

<H1>Il cantico delle creature</H1>

testo

<H5> San Francesco di ASSISI</H5>

<H6>Realizzato da...</H6>

</BODY>

</HTML>

 

Nel testo, inserire il tag <BR>, dove è necessario andare a capo. A questo punto, la pagina risultante sarà una pagina bianca con scritte nere.

Inseriamo uno sfondo colorato nella pagina, che a questo punto sarà:

 

<HTML>

<HEAD><TITLE>Il cantico delle creature</TITLE>

<STYLE>

 body{background-color:#cc99999}  //sto inserendo un colore di sfondo, in formato RRGGBB 

</STYLE>

</HEAD>

<BODY>

<H1>Il cantico delle creature</H1>

testo

<H5> San Francesco di ASSISI</H5>

<H6>Realizzato da...</H6>

</BODY>

</HTML>

 Supponiamo di voler cambiare il tipo di carattere usato nel body.

Dovremo inserire nel tag style la regola font-family, e scegliere una famiglia di caratteri da usare. Nel web, esempi di  famiglie di font molto usati sono: Verdana, Arial, Times New Roman, Courier New, Georgia.

Il testo da inserire, è, per esempio: font-family:verdana.

Se vogliamo cambiare la grandezza dei font, dobbiamo usare la regola "font-size: font-size: 18px;"

Se vogliamo cambiare il colore, e inserire il colore bianco,  useremo la regola "color:#fffff;".

Quindi, la pagina risultante sarà: 

 

<HTML>

<HEAD><TITLE>Il cantico delle creature</TITLE>

<STYLE>

body{background-color:#99cccc;

     font-family:verdana; 

     font-size: 18px;

color:#ffffff;

}  

</STYLE>

</HEAD>

<BODY>

<H1>Il cantico delle creature</H1>

testo

<H5> San Francesco di ASSISI</H5>

<H6>Realizzato da...</H6>

</BODY>

</HTML> 

 

Tags: html

StampaEmail

Aggiungi commento


Codice di sicurezza
Aggiorna