Come cambiare colore al testo del documento html
Per modificare il colore del testo su tutto il documento Html esistono diverse strade. La prima con il linguaggio Html classico, la seconda con il foglio di stile CSS.
L'attributo Text del tag body
Nel linguaggio Html i colori del documento possono essere definiti tramite l'attributo Text del tag body.
Un esempio pratico
<html>
<head></head>
<body text="red">
...
</body>
</html>
Questa modifica colora il testo di rosso. La modifica è applicata su tutto il testo della sezione body, ossia su tutta la parte del documento Html visibile sullo schermo del browser.
Nota. Utilizzando altri attributi si può modificare il colore di default dello sfondo ( background ) o dei collegamenti ipertestuali ( link ).
Il colore può essere indicato anche tramite il codice RGB ( es. #FF0000 ) che permette di combinare varie intensità di rosso, giallo e blu, e ottenere tutte le sfumature di colore.
<html>
<head></head>
<body text="#FF0000">
test di prova
</body>
</html>
Il browser interpreta l'attributo text del tag body e lo applica su tutto il testo del documento html.
Così facendo, non è più necessario indicare il colore del testo con il tag <font>.
test di prova
Va comunque detto che sia l'attributo text del tag <body> e sia il tag <font> del linguaggio html sono deprecati.
È infatti possibile ottenere lo stesso risultato utilizzando i fogli di stile CSS.
Modificare il colore del testo con il CSS
Lo stesso risultato può essere ottenuto associando un foglio di stile CSS al documento html.
Il foglio di stile definisce la formattazione del testo e le proprietà di tutti i tag del linguaggio html. Inoltre, aggiunge effetti grafici altrimenti impossibili da ottenere.
Un esempio pratico.
<html>
<head>
<style type="text/css">
body { color: #FF0000; }
</style>
</head>
<body>
testo di prova
</body>
</html>
Ho inserito il foglio di stile nella sezione Head del documento Html tramite il tag <style>.
Poi ho modificato la proprietà del colore ( color ) al tag body, indicando come colore di default il rosso.
Quando il browser elabora il testo contenuto nella sezione body, lo visualizza sul browser con il colore rosso.
test di prova
Si tratta ovviamente di un colore di default applicato a tutta la sezione body. E' utilizzato soltanto se al testo non è associato un altro colore.
