In questa lezione vediamo come decorare il testo.
La proprietà text-decoration permette di modificare il testo attraverso l’applicazione di una linea.
Questa proprietà accetta i seguenti valori:
In questa lezione vi parlo degli stili logici e vi spiego come si usano.
Un testo può essere formattato per farlo distinguere dal resto del documento.
La formattazione può essere fatta applicando uno stile tipografico a seconda dell’effetto che vogliamo ottenere: rendere le parole più spesse, sottolinearle, ecc.
Gli stili si dividono in due categorie:
Uno stile logico comunica al browser la funzione di quel testo nella pagina: sarà proprio tale browser a decidere in che modo far visualizzare quel testo.
Il tag <strong> indica un testo che deve essere marcato. Normalmente viene rappresentato con un grassetto.
Il testo in enfasi ha le lettere inclinate come il corsivo e viene inserito mediante il tag <em>
Con il tag <del> viene indicato un testo che è stato disattivato (ovvero non è più valido perché, ad esempio, è stato sostituito da altro) e appare barrato.
Il tag <ins> indica il testo inserito (ad esempio perché sostituisce il testo prima barrato) e questo appare con una sottolineatura.
Possiamo far risaltare un testo applicando uno sfondo colorato, mediante l’effetto “evidenziatore” usando il tag <sup>
Qui potete vedere il codice di tutti gli stili sopracitati:
E qui vedete il risultato finale:
In questa lezione vi parlo degli stili fisici e vi spiego la differenza con gli stili logici.
Un testo può essere formattato per farlo distinguere dal resto del documento.
La formattazione può essere fatta applicando uno stile tipografico a seconda dell’effetto che vogliamo ottenere: rendere le parole più spesse, sottolinearle, ecc.
Gli stili si dividono in due categorie:
Uno stile fisico obbliga il browser a mostrarci un testo con un determinato aspetto, indipendentemente dalla funzione che il testo ricopre nella pagina.
Il testo in grassetto è caratterizzato dalle lettere più spesse e si implementa col tag <b>
Il testo in corsivo ha le lettere inclinate e viene inserito mediante il tag <i>
Per rendere il testo sottolineato possiamo usare il tag <u>
Il tag <strike> rende il testo barrato, cioè attraversato da una linea orizzontale:
L’apice si usa per posizionare più in alto il testo e viene inserito col tag <sup>
Il pedice si usa per posizionare più in basso un testo e viene inserito col tag <sub>
Qui potete vedere il codice di tutti gli stili sopracitati:
E qui vedete il risultato finale:
