Come Usare i Tag Font e Color in HTML

Scritto in collaborazione con: Lo Staff di wikiHow

Questo articolo mostra come modificare la colorazione del testo all'interno di una pagina web usando il codice HTML. Mentre il tag "font" non è più usato all'interno del codice HTML5, puoi usare i fogli di stile CSS per gestire la colorazione del testo della tua pagina HTML. Se stai utilizzando una versione datata del codice HTML, puoi comunque utilizzare il tag "font" in base alle tue necessità.

Metodo 1 di 3:
Usare i Fogli di Stile CSS

  1. 1
    Scegli il colore con cui visualizzare il testo. In base alle tue necessità, puoi scegliere di utilizzare delle colorazioni standard (per esempio "red" se vuoi che il testo appaia in rosso) per il testo della tua pagina, ma se hai bisogno di usare una tonalità particolare dovrai crearla appositamente usando un generatore di colori:
    • Accedi a questa pagina web https://www.w3schools.com/colors/colors_picker.asp usando il browser del computer.
    • Scegli il colore di base da cui vuoi partire fra quelli elencati all'interno dell'esagono posto nella parte superiore sinistra della pagina.
    • A questo punto seleziona la tonalità fra quelle mostrate nella parte destra della pagina.
    • Adesso prendi nota del codice esadecimale a sei cifre posto sulla destra della tonalità di colore che hai selezionato.
  2. 2
    Visualizza il codice HTML del tuo documento. Si tratta del codice sorgente della pagina web a cui desideri cambiare la colorazione del testo.
    • Se non hai ancora creato il documento HTML in oggetto, fallo adesso prima di continuare.
  3. 3
    Individua la porzione di testo a cui desideri cambiare il colore. Scorri il codice sorgente della pagina in esame finché non trovi il paragrafo, l'intestazione, il titolo o la porzione di testo a cui desideri applicare la nuova colorazione.
  4. 4
    Osserva il tag identificativo del testo. Per esempio, se il contenuto da modificare è un titolo o un'intestazione, sarà caratterizzato dal tag "<h1>".
  5. 5
    Aggiungi le sezioni "head" e "style" all'inizio del documento HTML. Inserisci il codice <head> dopo il tag "<html>", premi il tasto Invio, digita il codice <style> sotto al tag "<head>", premi nuovamente il tasto Invio due volte e aggiungi i rispettivi tag HTML di chiusura. Al termine delle modifiche indicate, la struttura del tuo documento HTML dovrebbe essere la seguente:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    
    </style>
    </head>
    
    <body>
    
  6. 6
    Inserisci il tag "color" nella posizione corretta. Posiziona il cursore del testo all'interno della sezione delimitata dai tag "<style></style>", quindi inserisci il seguente codice (nell'esempio viene usato il coloro rosso indicato dal tag red, quindi dovrai sostituirlo con il nome o il codice del colore che desideri usare. Lo stile creato verrà applicato al testo definito dal tag "<h1>", ma anche in questo caso puoi sostituirlo con quello che identifica la porzione di contenuto a cui vuoi applicare la nuova colorazione):
    <h1> {
           color: red;
    }
    
  7. 7
    Esamina il tuo documento HTML. Il codice sorgente della pagina web che hai creato dovrebbe essere simile al seguente:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    <h1> {
           color: red;
    }
    </style>
    </head>
    <body>
    
  8. 8
    Modifica il colore del testo della sezione "body". Se hai la necessità che tutto il testo presente nella pagina abbia la medesima colorazione, utilizza il seguente codice usando la parola chiave black per indicare il colore da usare (in questo caso nero):
    body {
           color: black;
    }
    
    Pubblicità

Metodo 2 di 3:
Usare i Tag HTML

  1. 1
    Scegli il colore con cui visualizzare il testo. In base alle tue necessità, puoi scegliere di utilizzare delle colorazioni standard (per esempio "red" se vuoi che il testo appaia in rosso) per il testo della tua pagina, ma se hai bisogno di usare una tonalità particolare dovrai crearla appositamente usando un generatore di colori:
    • Accedi a questa pagina web https://www.w3schools.com/colors/colors_picker.asp usando il browser del computer.
    • Scegli il colore di base da cui vuoi partire fra quelli elencati all'interno dell'esagono posto nella parte superiore sinistra della pagina.
    • A questo punto seleziona la tonalità fra quelle mostrate nella parte destra della pagina.
    • Adesso prendi nota del codice esadecimale a sei cifre posto sulla destra della tonalità di colore che hai selezionato.
  2. 2
    Visualizza il codice HTML del tuo documento. Si tratta del codice sorgente della pagina web a cui desideri cambiare la colorazione del testo.
    • Se non hai ancora creato il documento HTML in oggetto, fallo adesso prima di continuare.
  3. 3
    Individua la porzione di testo a cui desideri cambiare il colore. Scorri il codice sorgente della pagina in esame finché non trovi il paragrafo, l'intestazione, il titolo o la porzione di testo a cui desideri applicare la nuova colorazione che hai scelto.
  4. 4
    Aggiungi il tag HTML "font". Posiziona il cursore del mouse sulla sinistra del testo a cui desideri modificare la colorazione e premi il pulsante sinistro, quindi inserisci il seguente codice HTML di esempio (ricordati di sostituire la parola chiave red, relativa al colore rosso, con quella che definisce il colore di base che vuoi usare):[1]
    <font color="red">
    
  5. 5
    Digita il testo che vuoi visualizzare con la colorazione scelta e aggiungi il tag di chiusura "/font". Dopo aver inserito il contenuto testuale che dovrà assumere la colorazione desiderata aggiungi il tag di chiusura </font>. Al termine delle modifiche, il codice HTML dovrebbe essere simile al seguente:
    <font color="red">Questo testo apparirà in rosso!</font>
    
    Pubblicità

Metodo 3 di 3:
Esempi di Codice HTML


Consigli

  • I codici HTML che servono per personalizzare i colori funzionano nel seguente modo: i primi due caratteri fanno riferimento alla tonalità rossa, i due caratteri centrali fanno riferimento alle tonalità verdi, mentre i due caratteri più a destra fanno riferimento al blu. Si tratta di un numero esadecimale, quindi per ogni cifra puoi utilizzare valori che vanno da "0" a "F", dove il primo rappresenta la quantità minima e il secondo quella massima. Per esempio il codice "0000FF" indica la tonalità di blu più intensa che si può usare.
  • Cerca di creare una pagina web che sia semplice da leggere. Ricorda che i colori molto intensi e luminosi sono difficilmente leggibili se abbinati a uno sfondo bianco e che i colori scuri hanno lo stesso problema se abbinati a uno sfondo nero.
  • I computer datati utilizzano una gamma di colori limitata a 65.000 colorazioni, mentre per i sistemi molto vecchi questo limite è di soli 256 colori. Tuttavia la quasi totalità degli utenti di internet sarà in grado di visualizzare correttamente qualsiasi colore sceglierai di usare.[2]
Pubblicità

Avvertenze

  • L'elemento "font" non è supportato dal linguaggio XHTML 1.0 Strict DTD.
Pubblicità

Informazioni su questo wikiHow

Scritto in collaborazione con:
Redazione di wikiHow
Questo articolo è stato scritto in collaborazione con il nostro team di editor e ricercatori esperti che ne hanno approvato accuratezza ed esaustività.
Categorie: Programmazione

Hai trovato utile questo articolo?

No
Pubblicità