Come utilizzare i tag di colore dei caratteri in HTML

Contenuto

• stadi
• Metodo 1 Usa i tag HTML
• Metodo 2 Usa CSS nei tag

Il tag di font HTML è ora obsoleto e gli sviluppatori professionisti dovrebbero evitare di usarlo. Mentre è molto semplice cambiare il colore del carattere su un progetto personale, non vi è alcuna garanzia che continuerà a funzionare durante l'aggiornamento dei browser web. Per risultati ottimali, è necessario utilizzare il metodo con CSS.

stadi

Metodo 1 Usa i tag HTML

1. 
   

   
   Crea il tag del carattere. Metti il ​​tag di fronte alla e che vuoi colorare. Chiudilo mettendo alla fine di e.
   • Per esempio:
     Voglio che questo sia in blu

2. 
   

   
   Aggiungi l'attributo per il colore. aggiungere color = "" all'interno del tag di apertura. È quindi necessario inserire il colore desiderato tra virgolette (in inglese).
   • Per esempio:
     Voglio che questo sia in blu

3. 
   

   
   Scegli il nome del colore. È sempre una semplice parola in inglese, senza spazio. Prova nomi semplici come "blu", "rosso" o qualcosa di più specifico come "azzurro" (blu scuro) o "blu scuro" (blu scuro). Per ulteriori scelte, trova un elenco di nomi di colori accettati come marrone, blu acciaio e lime.
   • Per esempio:
     Voglio che questo sia in blu

4. 
   

   
   
   
   Utilizzare invece un codice esadecimale. L'HTML ti consente di scegliere tra milioni di colori, ma non ci sono sempre nomi per loro. Invece, utilizzerai un codice di sei cifre in un sistema chiamato esadecimale. Esistono molti siti Web che offrono elenchi di codici esadecimali per i colori, oppure puoi persino scegliere il colore direttamente sullo schermo per ottenere il codice. Il numero inizia con il simbolo # seguito da sei cifre costituite da cifre da 0 a 9 e lettere da d a F.
   • Il codice # FF0000 è uguale al colore rosso contrassegnato "rosso".
   • Questo codice genera un colore verde.
   • Questo codice rende la e in blu.

5. 
   

   
   Gioca con i valori RGB. Non devi sapere come funziona il codice colore esadecimale per scegliere un colore che ti piace su una tavolozza che trovi su Internet. Tuttavia, se vuoi fare diversi esperimenti, devi iniziare con le basi.
   • Ogni numero di sei cifre è diviso in valori per rosso, verde e blu (o "RGB" per "rosso, verde, blu"). Ad esempio, il codice # FF0000 significa in realtà "rosso: FF, verde: 00, blu: 00".
   • Per cambiare la quantità di rosso, cambia le prime due cifre. Puoi usare un valore compreso tra 00 (nessun rosso) e 99 (un po 'rosso) e tra AA (un po' più rosso) e FF (il massimo rosso).
   • Utilizzare lo stesso sistema per modificare il valore di verde (le due cifre centrali) e blu (le ultime due cifre).

6. 
   

   
   
   
   Comprendi il codice in modo approfondito. Per ottenere una selezione dei colori più accurata, è necessario comprendere altri due concetti.
   • Ognuno di questi tre valori è composto da un numero di due cifre. Per apportare piccole modifiche, è possibile modificare la seconda cifra. Per esempio: #850000 e #890000 sono molto simili ma # A50000 è molto più chiaro.
   • I valori RGB vengono miscelati sulla base del sistema di sintesi del colore additivo. Marca rossa e verde giallo, blu e verde fanno ciano e rosso e blu fanno magenta .

Metodo 2 Usa CSS nei tag

1. 
   

   
   Inserisci l'attributo "stile" nel tag. Questo attributo ti consente di inserire CSS direttamente nel tag HTML. È un modo semplice per cambiare il colore anche se non conosci i CSS. Prova a inserirlo in uno dei seguenti tag:

   • il tag p circonda un paragrafo con e

   • il tag ha racchiuso un link
   • usa il tag span per cambiare il colore di una parte della e senza cambiare il formato

2. 
   

   
   Indica il colore. Inserire colore: seguito dal nome del colore o del codice esadecimale tra virgolette. Per ulteriori informazioni sui nomi dei colori, vedere gli esempi nel metodo precedente.
   • La e ora è in rosso.
   • Ecco il codice per il verde oliva scuro.
   • CSS supporta codici colore abbreviati a tre cifre. Il codice 745 è l'abbreviazione di 774455.

3. 
   

   
   Usa le classi CSS. Se si desidera applicare lo stesso stile a tutte le foto o a tutti i titoli dei capitoli, non è necessario ripetere lo stesso codice ogni volta. Invece, è possibile definire una classe nell'intestazione del documento in modo da poter fare riferimento ad essa in seguito ogni volta che si desidera applicare lo stesso stile. Ecco un esempio per mostrare diversi usi dell'attributo "stile".
   • Nella sezione della tua pagina HTML, copia il seguente codice:
     
   • Nel corpo dello stesso documento, utilizzare l'attributo per aggiungere questo stile all'elemento. Per esempio:

     questo paragrafo

     apparirà in verde scuro con un carattere corsivo largo.
   • Sappi che non devi chiamare la tua classe "fantasia", puoi dargli il nome che desideri.