TechCodeview

V HTML můžeme změnit barvu libovolného textu pomocí následujících různých způsobů:

1. Použití HTML tagu
2. Použití atributu stylu Inline
3. Použití interního CSS

1. Použití HTML tagu

Poznámka: HTML 5 nepodporuje atribut color fontu, takže pro změnu barvy textu musíme použít atribut inline style a interní možnosti CSS.

Pokud chceme změnit barvu textu pomocí Html tagu, který se má zobrazovat na webové stránce, musíme postupovat podle níže uvedených kroků. Pomocí těchto kroků můžeme snadno změnit barvu libovolného textu:

Krok 1: Nejprve musíme zadat Html kód v libovolném textovém editoru nebo otevřít existující Html soubor v textovém editoru, ve kterém chceme použít Html tag .

převést bajtové pole na řetězec

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

Krok 2: Nyní přesuňte kurzor na začátek textu, jehož barvu chceme změnit. A pak zadejte prázdný Html tag na dané pozici.

 Single Line text and statements 

Krok 3: Poté musíme zavřít značku písma na konci textu, jehož barvu chceme změnit.

 Single Line text and statements 

Krok 4: Nyní musíme přidat atribut značky fontu, jehož název je ' barva '. Takže zadejte barva atribut v rámci startu štítek. A pak musíme dát barvu, kterou chceme na text použít. Zadejte tedy název barvy do atribut barvy jak je popsáno v následujícím bloku.

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

Krok 5: A nakonec musíme uložit Html kód do textového editoru a spustit kód. Po provedení uvidíme výstup v prohlížeči. Následující snímek obrazovky ukazuje výstup výše uvedeného Html kódu:

2. Použití atributu Inline Style

Pokud chceme změnit barvu textu pomocí atributu inline style, který se má zobrazit na webové stránce, musíme postupovat podle níže uvedených kroků. Pomocí těchto kroků můžeme snadno změnit barvu textu.

Krok 1: Nejprve musíme zadat Html kód v libovolném textovém editoru nebo otevřít existující Html soubor v textovém editoru, ve kterém chceme použít atribut style pro změnu barvy 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: Nyní přesuňte kurzor na začátek textu, jehož barvu chceme změnit. A pak zadejte vložený řádek styl atribut v rámci libovolného prvku. Zde používáme

značka (odstavce):

q4 měsíce

Jakýkoli text

Krok 3: V tomto kroku musíme jako hodnotu zadat název barvy. Název barvy můžeme dát ve třech formách:

1. Můžeme zadat název barvy
2. Můžeme také zadat hodnotu RGB barvy
3. Můžeme také zadat hexadecimální hodnotu barvy.

Krok 4: Potom musíme zavřít prvek na konci textu, jehož barvu chceme změnit.

Jakýkoli text

Krok 4: A nakonec uložte Html kód, který změní barvu textu pomocí atributu stylu 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> 

Výstup výše uvedeného kódu je zobrazen na následujícím snímku obrazovky:

2. Použití interního CSS

Pokud chceme změnit barvu textu pomocí interní kaskádové šablony stylů, která se má zobrazit na webové stránce, musíme postupovat podle níže uvedených kroků. Pomocí těchto kroků můžeme snadno změnit barvu textu.

Krok 1: Nejprve musíme zadat Html kód v libovolném textovém editoru nebo otevřít existující Html soubor v textovém editoru, ve kterém chceme použít interní CSS pro změnu barvy 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: Nyní musíme umístit kurzor do značky head dokumentu Html a poté definovat styly uvnitř tag, jak je znázorněno v následujícím bloku. A pak zadejte barva atribut do selektoru prvků.

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

Krok 3: Nyní musíme zadat definovaný selektor prvku před text, jehož barvu chceme změnit.

převést int na řetězec v jazyce Java

 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> 

Výstup výše uvedeného Html kódu je zobrazen na následujícím snímku obrazovky: