Lezione 7: inserire le prime regole nel body

Vogliamo realizzare una pagina web con “Il cantico delle creature” di San Francesco di Assisi.

Copiate e incollate la seguente pagina.

I tag H1 , H5 e H6 sono trattati dettagliatamente nella lezione Gli Headings 

Per ora considerate solo che si tratta di tag che formattano il testo diversamente dal resto.

<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.

Come cambiare il tipo di carattere 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>

Lascia un commento