In HTML, possiamo cambiare il colore di qualsiasi testo utilizzando i seguenti modi diversi:
- Utilizzando il tag HTML
- Utilizzando un attributo di stile in linea
- Utilizzando CSS interni
1. Utilizzando il tag HTML
Nota: HTML 5 non supporta l'attributo color del carattere, quindi dobbiamo utilizzare l'attributo inline style e le opzioni CSS interne per modificare il colore di un testo.
Se vogliamo cambiare il colore di un testo tramite tag Html che deve essere visualizzato su una pagina web, dobbiamo seguire i passaggi indicati di seguito. Utilizzando questi passaggi, possiamo facilmente cambiare il colore di qualsiasi testo:
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo utilizzare il Etichetta HTML .
palindromo in Java
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
Passo 2: Ora sposta il cursore all'inizio del testo di cui vogliamo cambiare il colore. Quindi, digita il codice Html vuoto tag in quella posizione.
Single Line text and statements
Passaggio 3: Quindi, dobbiamo chiudere il tag font alla fine del testo di cui vogliamo cambiare il colore.
Single Line text and statements
Passaggio 4: Ora dobbiamo aggiungere l'attributo del tag font il cui nome è ' colore '. Quindi, digita il colore attributo all'interno dell'inizio etichetta. E poi dobbiamo dare il colore che vogliamo usare sul testo. Quindi, digita il nome del colore nel file attributo colore come descritto nel blocco seguente.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlProvalo adesso
Passaggio 5: E, infine, dobbiamo salvare il codice Html nell'editor di testo ed eseguire il codice. Dopo l'esecuzione, vedremo l'output nel browser. Lo screenshot seguente mostra l'output del codice Html sopra:
2. Utilizzando un attributo di stile in linea
Se vogliamo cambiare il colore di un testo utilizzando un attributo di stile in linea che deve essere visualizzato su una pagina web, dobbiamo seguire i passaggi indicati di seguito. Utilizzando questi passaggi, possiamo facilmente cambiare il colore del testo.
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo utilizzare l'attributo style per cambiare il colore di un testo.
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
Passo 2: Ora sposta il cursore all'inizio del testo di cui vogliamo cambiare il colore. E poi, digita inline stile attributo all'interno di qualsiasi elemento. Qui usiamo il
Etichetta (paragrafo):
come funziona un computer
Qualsiasi testo
Passaggio 3: In questo passaggio, dobbiamo dare un nome di colore come valore. Possiamo dare il nome al colore in tre forme:
- Possiamo digitare il nome di un colore
- Possiamo anche inserire il valore RGB di un colore
- Possiamo anche inserire il valore esadecimale di un colore.
Passaggio 4: Quindi dobbiamo chiudere l'elemento alla fine del testo di cui vogliamo cambiare il colore.
Qualsiasi testo
Passaggio 4: E, infine, salva il codice Html che cambia il colore del testo utilizzando l'attributo di stile CSS.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>Provalo adesso
L'output del codice precedente è mostrato nella seguente schermata:
2. Utilizzo dei CSS interni
Se vogliamo cambiare il colore di un testo utilizzando un foglio di stile cascading interno che deve essere visualizzato su una pagina web, dobbiamo seguire i passaggi indicati di seguito. Utilizzando questi passaggi, possiamo facilmente cambiare il colore del testo.
Passo 1: Per prima cosa dobbiamo digitare il codice Html in un qualsiasi editor di testo oppure aprire il file Html esistente nell'editor di testo in cui vogliamo utilizzare il CSS interno per cambiare il colore di un testo.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
Passo 2: Ora dobbiamo posizionare il cursore nel tag head del documento Html e quindi definire gli stili all'interno del file tag come mostrato nel blocco seguente. E quindi digitare il colore attributo nel selettore di elementi.
Body { color:orange; } p { color:green; } Passaggio 3: Ora dobbiamo digitare il selettore dell'elemento definito prima del testo di cui vogliamo cambiare il colore.
1nf 2nf 3nf
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> Provalo adesso L'output del codice Html sopra è mostrato nella seguente schermata:
