Lezione 5 - Corso Base Html

Gli Stili Fisici in Html

Stili Fisici

Gli Stili sono una raccolta di personalizzazioni per rendere il testo differente dal resto della pagina.

Gli stili si dividono in STILI FISICI e STILI LOGICI.

Gli Stili Fisici dicono al browser come deve visualizzare il testo, e con quale effetto.
Gli Stili Logici invece indicano la funzione di quel testo all'interno della pagina web.

Ora vediamo gli STILI FISICI quali sono e come si comportano.
I tag sono:
<b> </b>    bold - grassetto
<i></i>       italic - corsivo
<u></u>     underline - sottolineato
<strike></strike>    strike - barrato
<sup></sup>   superscript - apice
<sub></sub>    subscript - pedice

Copiate tutti i paragrafi così come li vedete nel codice sotto e sullo schermo apparirà il testo dei paragrafi ognuno con lo stile fisico che gli abbiamo assegnato.
Ora un poco di pratica facendo un piccolo esercizio.
Preparate una pagina web, dategli un titolo, dategli un'intestazione di tipo 1 (h1), create un paragrafo o più paragrafi con tutti gli stili fisici che abbiamo studiato oggi.
Buon lavoro.
<html>
 <head>
  <title>Stili Fisici</title> 
 </head>
 <body>
    <p>Paragrafo normale.</p>
    <p><b>Paragrafo grossetto</b></p>	           
    <p><i>Paragrafo corsivo</i></p> 		   
    <p><u>Paragrafo sottolineato</u></p>	     
    <p><strike>Paragrafo barrato</strike></p>      
    <p>X<sup>2</sup>H<sub>2</sub>O</p>
    <p><b><i>Paragrafo</i>con<u>più</u>stili</b></p>
 </body>
</html>