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>