# Come controllare il colore, la dimensione e il tipo del carattere HTML per un migliore stile del testo WebIl testo appare diverso a seconda di come lo codifichi. Puoi forzare un browser a visualizzare le parole in modi specifici utilizzando una manciata di tag HTML della vecchia scuola. Non è il modo moderno in cui gli sviluppatori gestiscono lo stile (i CSS sono lo standard ora), ma la sintassi funziona ancora nella maggior parte dei browser e ti aiuta a capire come il web struttura la tipografia di base.### Scegliere un colore per il testoPer cambiare il colore di parole specifiche, inseriscile in un tag font con un attributo color.`…`Ad esempio, questo testo è blu. Quel testo è verde.La maggior parte dei colori con nome funziona. Puoi anche utilizzare sfumature descrittive come “azzurro” o “verde scuro”. Se vuoi precisione, usa un codice esadecimale.#864086Puoi trovare elenchi di questi codici esadecimali online. Se vuoi impostare il colore per l’intera pagina in una volta, aggiungi l’attributo text al tag body.“Questo imposta il valore predefinito per l’intero documento. Puoi comunque sovrascriverlo per sezioni specifiche utilizzando i singoli tag dei caratteri menzionati in precedenza.### Scegliere un caratterePuoi provare a dettare quale famiglia di caratteri appare sullo schermo.` … `Questo è testo arial. Questo è il testo di ginevra.C’è un problema. Se sul computer dell’utente non è installato quel carattere, il browser ignora la tua richiesta. Ritorna all’impostazione predefinita, solitamente Times New Roman o Courier. Questo è il motivo per cui attenersi ai caratteri sicuri per il Web è importante se si desidera una visualizzazione coerente su diversi dispositivi.### Regolazione della dimensione del carattereLa dimensione è controllata da un valore numerico.”…”.La dimensione predefinita sulla maggior parte dei browser è 3. Qualsiasi valore superiore a 3 rende il testo più grande. Qualunque valore inferiore a 3 lo rende più piccolo.””.Puoi anche regolare rispetto all’impostazione predefinita.”” o “”.Ecco come appare in pratica:Questo carattere è aumentato di 2Questo carattere è aumentato di 1Questo carattere è diminuito di 2Questo carattere è diminuito di 1Esistono anche tag semantici per il dimensionamento relativo.”” e “”.Questo è un testo piccolo. Questo è un testo grande.### Utilizzo dei titoliI titoli fanno molto più che un semplice testo in grassetto. Cambiano la dimensione automaticamente.`
Questa è un’intestazione H1.“
Questa è un’intestazione H2.
“
Questa è un’intestazione H3.
`Questi sono i livelli di intestazione standard. H1 è il più grande. H3 è più piccolo. Aiutano a strutturare i contenuti sia per i motori di ricerca che per i lettori.### Chiusura dei tagOgni tag di apertura necessita di un tag di chiusura.“Oppure puoi utilizzare la coppia di chiusura specifica per il tag che hai aperto.””.””.””.Se dimentichi di chiuderli, la formattazione potrebbe estendersi in parti della pagina non previste.Successivamente, esamineremo l’aggiunta di colori di sfondo a questi elementi.
