Lezione 6 - Corso Base Html

Gli Stili Logici in Html

Stili Logici

Con lo stile fisico dicevo al browser di far vedere il testo in un certo modo ad es: con le lettere in grossetto o sottolianeato ecc. Mentre con lo STILE LOGICO io vado a definirne il ruolo, la funzione che il testo ha all'interno della nostra pagina.

I tag che adesso andiamo a vedere (e sono: strong, em, del, ins, mark) servono a dire al browser che voglio vedere il testo in un certo modo, che abbia una certa funzione, il browser legge il tag e lo interpreta a modo suo, questo suo modo di interpretare, con il tempo può cambiare, magari fra 10 anni il testo con il tag mark (evidenziato) il browser lo farà vedere evidenziato e anche lampeggiante chi lo sa. Passiamo alla pratica che è più facile da capire.

Aprite e chiudete 5 paragrafi, questi paragrafi ci servono soltanto per far andare a capo il testo con lo stile logico che gli stiamo applicato.

Descrizione degli stili logici:


strong rendiamo il testo più importante

em il testo apparirà in enfasi tipo corsivo

del delete cancellato il testo apparirà barrato

ins inserted inserito il testo apparirà sottolineato

mark effetto evidenziato. Al momento per impostazioni predefinite la maggior parte dei browser lo evidenziano in giallo.
<html>
 <head>
  <title>Stili Logici</title> 
 </head>
 <body>
        <p><strong>Paragrafo con strong il testo appare tipo grossetto.<strong></p>
        <p><em>Paragrafo con em, in enfasi, il testo appare tipo corsivo.<em></p> 
	<p><del>Paragrafo con del, delete cancellato, il testo appare tipo barrato.<del></p>
	<p><ins>Paragrafo con ins, inserted inserito, il testo appare tipo sottolineato.<ins></p>
	<p><mark>Paragrafo con mark il testo appare tipo evidenziato.<mark></p>
	<p>Testo normale per vedere la differenza con gli altri paragrafi ai quali abbiamo applicato gli stili fisici.</p>
 </body>
</html>