logo

Ako zmeniť farbu textu v html

V HTML môžeme zmeniť farbu akéhokoľvek textu pomocou nasledujúcich rôznych spôsobov:

  1. Použitie značky HTML
  2. Použitie atribútu Inline style
  3. Použitie interného CSS

1. Použitie značky HTML

Poznámka: HTML 5 nepodporuje atribút color fontu, takže na zmenu farby textu musíme použiť atribút inline style a interné možnosti CSS.

Ak chceme zmeniť farbu textu pomocou Html tagu, ktorý sa má zobraziť na webovej stránke, musíme postupovať podľa krokov, ktoré sú uvedené nižšie. Pomocou týchto krokov môžeme jednoducho zmeniť farbu ľubovoľného textu:

Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, v ktorom chceme použiť Html tag .

previesť bajtové pole na reťazec
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Krok 2: Teraz presuňte kurzor na začiatok textu, ktorého farbu chceme zmeniť. Potom zadajte prázdny Html tag na danej pozícii.

 Single Line text and statements 

Krok 3: Potom musíme zatvoriť značku písma na konci textu, ktorého farbu chceme zmeniť.

 Single Line text and statements 

Krok 4: Teraz musíme pridať atribút značky písma, ktorej názov je „ farba '. Takže zadajte farba atribút v rámci začiatku tag. A potom musíme dať farbu, ktorú chceme použiť na text. Zadajte teda názov farby do poľa atribút farby ako je popísané v nasledujúcom bloku.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Vyskúšajte to

Krok 5: A nakoniec musíme uložiť Html kód do textového editora a spustiť kód. Po vykonaní uvidíme výstup v prehliadači. Nasledujúca snímka obrazovky zobrazuje výstup vyššie uvedeného kódu HTML:

Ako zmeniť farbu textu v html

2. Použitie atribútu Inline Style

Ak chceme zmeniť farbu textu pomocou atribútu inline style, ktorý sa má zobraziť na webovej stránke, musíme postupovať podľa krokov, ktoré sú uvedené nižšie. Pomocou týchto krokov môžeme jednoducho zmeniť farbu textu.

Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, v ktorom chceme použiť atribút style na zmenu farby textu.

 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. 

Krok 2: Teraz presuňte kurzor na začiatok textu, ktorého farbu chceme zmeniť. Potom zadajte riadok štýl atribút v rámci ľubovoľného prvku. Tu používame

značka (odsek):

čo je maven

Akýkoľvek text

Krok 3: V tomto kroku musíme zadať názov farby ako hodnotu. Názov farby môžeme dať v troch formách:

  1. Môžeme zadať názov farby
  2. Môžeme zadať aj hodnotu RGB farby
  3. Môžeme zadať aj hexadecimálnu hodnotu farby.

Krok 4: Potom musíme zatvoriť prvok na konci textu, ktorého farbu chceme zmeniť.

Akýkoľvek text

Krok 4: A nakoniec uložte Html kód, ktorý zmení farbu textu pomocou atribútu štýlu 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> 
Vyskúšajte to

Výstup vyššie uvedeného kódu je zobrazený na nasledujúcej snímke obrazovky:

Ako zmeniť farbu textu v html

2. Použitie interného CSS

Ak chceme zmeniť farbu textu pomocou interného kaskádového štýlu, ktorý sa má zobraziť na webovej stránke, musíme postupovať podľa krokov, ktoré sú uvedené nižšie. Pomocou týchto krokov môžeme jednoducho zmeniť farbu textu.

Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, v ktorom chceme použiť interný CSS na zmenu farby textu.

 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. 

Krok 2: Teraz musíme umiestniť kurzor do značky head dokumentu Html a potom definovať štýly vo vnútri tag, ako je znázornené v nasledujúcom bloku. A potom zadajte farba atribútu do selektora prvkov.

 Body { color:orange; } p { color:green; } 

Krok 3: Teraz musíme napísať definovaný selektor prvkov pred text, ktorého farbu chceme zmeniť.

zoznam programov python
 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> 
Vyskúšajte to

Výstup vyššie uvedeného Html kódu je zobrazený na nasledujúcej snímke obrazovky:

Ako zmeniť farbu textu v html