3 modi per utilizzare i tag colore dei caratteri in HTML

Sommario:

3 modi per utilizzare i tag colore dei caratteri in HTML
3 modi per utilizzare i tag colore dei caratteri in HTML

Video: 3 modi per utilizzare i tag colore dei caratteri in HTML

Video: 3 modi per utilizzare i tag colore dei caratteri in HTML
Video: Come CONDIVIDERE le FOTO sui SOCIAL per FOTOGRAFI Alternative a Instagram quali social uso per foto 2024, Aprile
Anonim

Questo articolo spiega come cambiare il colore del carattere nel tuo documento HTML. Sebbene il tag del carattere HTML sia obsoleto in HTML5, puoi utilizzare i CSS per aggiungere colore al testo della tua pagina HTML. Se stai lavorando con una versione precedente di HTML, puoi utilizzare il tag del colore del carattere HTML secondo necessità.

Passi

Metodo 1 di 2: utilizzo dei CSS

122247 1 1
122247 1 1

Passaggio 1. Scegli un colore per il tuo testo

Sebbene sia possibile utilizzare i colori di base (ad es. "rosso") per colorare il testo, sarà necessario utilizzare un generatore di colori HTML per sfumature più sfumate:

  • Vai a https://www.w3schools.com/colors/colors_picker.asp nel browser web del tuo computer.
  • Seleziona il colore di base che desideri utilizzare nell'esagono nella parte superiore della pagina.
  • Scorri fino alla tonalità che desideri utilizzare sul lato destro della pagina.
  • Nota il codice di sei caratteri a destra dell'ombra.
122247 2 1
122247 2 1

Passaggio 2. Apri il tuo documento HTML

Questo dovrebbe essere il documento per il quale vuoi cambiare il colore del carattere.

Se non hai ancora un documento HTML, creane uno prima di procedere

122247 3 1
122247 3 1

Passaggio 3. Trova il testo che desideri colorare

Scorri il documento fino a trovare il paragrafo, l'intestazione o un'altra forma di testo che desideri colorare.

122247 4 1
122247 4 1

Passaggio 4. Annota i tag del testo

Ad esempio, se il testo è un'intestazione, vedrai"

" davanti ad esso.

122247 5 1
122247 5 1

Passaggio 5. Aggiungi le sezioni "testa" e "stile" nella parte superiore del documento

Lo farai digitando sotto il tag "", premendo Invio, digitando sotto il tag "", premendo ↵ Invio due volte e digitando i tag di chiusura per entrambi. Il tuo risultato finale dovrebbe essere simile a questo:

     
122247 6 1
122247 6 1

Passaggio 6. Immettere il tag di stile "colore"

Fare clic sullo spazio tra i tag "", quindi inserire il codice seguente (assicurandosi di sostituire il rosso con il codice colore e"

" con il tag per il testo che vuoi colorare):


{ colore rosso; }

122247 7 1
122247 7 1

Passaggio 7. Rivedi il tuo documento

L'intestazione della tua pagina dovrebbe essere simile a questa:

     
122247 8 1
122247 8 1

Passaggio 8. Unifica il colore del testo del corpo

Se vuoi rendere tutto il testo del tuo documento dello stesso colore, inserisci il seguente codice con il tuo colore preferito sostituito dal nero:

corpo { colore: nero; }

Metodo 2 di 2: utilizzo di tag HTML

122247 9 1
122247 9 1

Passaggio 1. Scegli un colore per il tuo testo

Sebbene sia possibile utilizzare i colori di base (ad es. "rosso") per colorare il testo, sarà necessario utilizzare un generatore di colori HTML per sfumature più sfumate:

  • Vai a https://www.w3schools.com/colors/colors_picker.asp nel browser web del tuo computer.
  • Seleziona il colore di base che desideri utilizzare nell'esagono nella parte superiore della pagina.
  • Scorri fino alla tonalità che desideri utilizzare sul lato destro della pagina.
  • Nota il codice di sei caratteri a destra dell'ombra.
122247 10 1
122247 10 1

Passaggio 2. Apri il tuo documento HTML

Questo dovrebbe essere il documento di cui vuoi cambiare il colore del carattere.

Se non hai ancora un documento HTML, creane uno prima di procedere

122247 11 1
122247 11 1

Passaggio 3. Trova il testo che desideri colorare

Scorri il documento fino a trovare il paragrafo, l'intestazione o un'altra forma di testo che desideri colorare.

122247 12 1
122247 12 1

Passaggio 4. Aggiungi il tag "font" aperto

Fare clic immediatamente a sinistra del testo che si desidera colorare, quindi digitare quanto segue (assicurandosi di sostituire il rosso con il colore preferito):

122247 13 1
122247 13 1

Passaggio 5. Chiudi il tag "font"

Fai clic sullo spazio a destra della fine del testo che stai colorando, quindi digita lì.

Questo testo è rosso!

Esempio di codice HTML

Image
Image

Codice colore carattere HTML

Video - Utilizzando questo servizio, alcune informazioni potrebbero essere condivise con YouTube

Suggerimenti

  • Cerca di rendere la tua pagina facile da leggere. I colori vivaci sono difficili da leggere su uno sfondo bianco e i colori scuri sono difficili da leggere su uno sfondo nero.
  • I codici colore HTML sono suddivisi come segue: i primi due caratteri si riferiscono alle tonalità rosse, i secondi due si riferiscono al verde e gli ultimi due si riferiscono al blu. Puoi usare qualsiasi cosa da "00" a "99" per indicare la quantità di ciascun colore che desideri; usando "FF" invece di un numero chiama la quantità massima di quel colore (ad esempio, "0000FF" sarebbe il più blu possibile).
  • I display dei vecchi computer sono limitati a circa 65.000 colori e i display molto vecchi sono limitati a 256. Tuttavia, oltre il 99% degli utenti di Internet sarà in grado di vedere qualsiasi colore specificato.

Consigliato: