Contenuto

• Passi
• Consigli
• avvertimento

Questo articolo ti mostrerà come cambiare il colore del carattere nei documenti HTML. Sebbene i tag dei caratteri siano obsoleti in HTML, puoi utilizzare CSS per aggiungere colore al testo di una pagina HTML. Se stai utilizzando una versione precedente di HTML, puoi utilizzare il tag del carattere HTML secondo necessità.

Passi

Metodo 1 di 2: utilizza i tag HTML

1. 

   Crea tag di caratteri. Set di carte davanti al testo di cui vuoi cambiare colore. Posiziona la carta di chiusura dietro il testo.
   • Ad esempio:
     Questo testo sarà blu.

2. 

   
   
   Aggiungi attributi di colore. Inserire color = "" nella scheda aperta del carattere. Il colore che desideri sarà tra virgolette.
   • Per esempio:
     color = ""Questo testo sarà blu.

3. 

   
   
   Scegli un nome per il colore. Il nome del colore è sempre una parola senza spazi. Prova qualcosa di semplice come "blu" (blu), "rosso" (rosso) o un nome descrittivo come "azzurro" o "blu scuro" (blu scuro). Per ulteriori opzioni, consulta il tuo elenco di parole chiave di colore riconosciute, che include "marrone rossiccio" (marrone scuro), "steelblue" (grigio verde) e "lime" (giallo chiaro).
   • Ad esempio:
     Questo testo sarà blu.

4. 

   
   
   Usa codici colore esadecimali. L'HTML ti consente di scegliere tra milioni di colori, ma non tutti i colori hanno un nome. Invece, usano un codice di sei caratteri scritto in esadecimale. Sul web ci sono molti siti web che elencano i codici colore esadecimali o ti permettono di scegliere un colore sullo schermo e visualizzare il valore esadecimale. Questo codice inizia con un segno # e ha sei caratteri, inclusi i numeri 0-9 o una lettera A-F.
   • Il codice # FF0000 rappresenta il colore rosso.
   • Questo codice produce testo verde.
   • Questo codice produce testo blu.

5. 

   Sperimenta con i valori RGB. Non è necessario sapere come funziona la codifica dei colori esadecimale per poter utilizzare un selettore di colori online. Tuttavia, se vuoi l'esperienza, puoi iniziare con le basi:
   • Ogni codice di sei caratteri è suddiviso nei valori rosso, verde (verde) e blu ("RGB"). Ad esempio, il codice # FF0000 significa "rosso: FF verde: 00 blu: 00".
   • Per modificare la quantità di rosso, cambia i primi due caratteri. È possibile utilizzare qualsiasi valore da 00 (senza rosso) a 99 (leggermente rosso) o le lettere AA (rossastre) fino a FF (quantità massima di rosso).
   • Utilizzare lo stesso sistema per modificare il valore in verde (le due cifre centrali) o blu (le ultime due cifre).

6. 

   Ottieni una comprensione più approfondita dei codici colore esadecimali. Per scegliere il colore corretto, è necessario conoscere i seguenti due concetti:
   • Ogni tre valori di colore sono due cifre. Se vuoi fare meno aggiustamenti, cambia semplicemente la seconda cifra. Ad esempio, # 850000 e # 890000 sono abbastanza simili e # A50000 sarà un po 'più luminoso.
   • I valori RGB combinati sono uguali al sistema di colore più. Il rosso e il verde produrranno il giallo; forma blu e verde ciano; Il rosso e il blu produrranno un colore bordeaux.
   annuncio pubblicitario

Metodo 2 di 2: utilizza un elemento CSS inline

1. 

   Inserisci l'attributo di stile nel tag HTML. Proprietà style = "" ti permette di usare CSS nei documenti HML. Ecco un modo semplice per impostare il colore del carattere anche se non conosci i CSS. Prova a impostare l'attributo di stile su uno dei tag HTML:

   • Il tag p viene utilizzato per identificare una parte di testo.

   • Il tag a viene utilizzato per creare un collegamento.
   • Utilizza i tag span per colorare parte di un paragrafo senza modificare la formattazione.

2. 

   Designazione del colore. Inserire colore: con il nome del colore o il codice esadecimale tra virgolette. Per ulteriori dettagli sui nomi e sui codici colore, vedere il metodo sopra o provare i seguenti esempi:
   • Questo codice costituisce il testo rosso.
   • Questo codice produce un colore verde oliva scuro.
   • CSS supporta l'accorciamento a 3 cifre. Il codice colore 745 sta per 774455.

3. 

   Usa classi CSS con caratteri tipografici che usi spesso. Se desideri applicare lo stile a ogni didascalia o titolo di un'immagine per un contenuto su una pagina Web di grandi dimensioni, non è necessario digitare l'intero codice più e più volte. Definisci invece una classe CSS all'inizio del testo, in modo da poter chiamare la classe con una sola scorciatoia ogni volta che vuoi usare quello stile. Ecco un esempio che mostra alcuni nuovi usi dell'attributo style:
   • Nella sezione del documento HTML, incolla il codice seguente:
     
   • Successivamente, nel corpo del testo, utilizza l'attributo per aggiungere questo stile come elemento. Ad esempio,

     questo paragrafo

     carattere corsivo grande, verde scuro.
   • Nota che puoi usare qualsiasi parola invece di "fantasia" per descrivere un carattere tipografico.
   annuncio pubblicitario

Consigli

• Dovresti provare a rendere la tua pagina facile da leggere. I colori chiari del testo saranno difficili da leggere sul bianco e i colori scuri del testo saranno difficili da leggere sul nero.
• I computer più vecchi visualizzano un limite di 65.000 colori, mentre i computer più vecchi visualizzano un limite di 256 colori. Tuttavia, oltre il 99% degli utenti di Internet sarà in grado di vedere il colore specificato.

avvertimento

• L'elemento font non è supportato nello standard XHTML 1.0 Strict DTD.