W HTML możemy zmienić kolor dowolnego tekstu na następujące różne sposoby:

1. Korzystanie z tagu HTML
2. Korzystanie z atrybutu stylu Inline
3. Korzystanie z wewnętrznego CSS

1. Korzystanie z tagu HTML

Uwaga: HTML 5 nie obsługuje atrybutu koloru czcionki, dlatego do zmiany koloru tekstu musimy użyć wbudowanego atrybutu stylu i wewnętrznych opcji CSS.

Jeśli chcemy zmienić kolor tekstu za pomocą znacznika HTML, który ma być wyświetlany na stronie internetowej, należy postępować zgodnie z poniższymi krokami. Wykonując poniższe kroki, możemy łatwo zmienić kolor dowolnego tekstu:

Krok 1: W pierwszej kolejności musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy skorzystać z Znacznik HTML .

gowinda

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

Krok 2: Teraz przesuń kursor na początek tekstu, którego kolor chcemy zmienić. A następnie wpisz pusty plik HTML oznaczyć w tym miejscu.

 Single Line text and statements 

Krok 3: Następnie musimy zamknąć znacznik czcionki na końcu tekstu, którego kolor chcemy zmienić.

 Single Line text and statements 

Krok 4: Teraz musimy dodać atrybut znacznika czcionki, którego nazwa to „ kolor '. Więc wpisz kolor atrybut na początku etykietka. Następnie musimy podać kolor, jakiego chcemy użyć w tekście. Wpisz więc nazwę koloru w polu atrybut koloru zgodnie z opisem w następnym bloku.

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

Krok 5: I na koniec musimy zapisać kod HTML w edytorze tekstu i uruchomić kod. Po wykonaniu zobaczymy wynik w przeglądarce. Poniższy zrzut ekranu przedstawia dane wyjściowe powyższego kodu HTML:

2. Korzystanie z atrybutu stylu wbudowanego

Jeśli chcemy zmienić kolor tekstu za pomocą atrybutu stylu inline, który ma być wyświetlany na stronie internetowej, musimy postępować zgodnie z poniższymi krokami. Korzystając z tych kroków, możemy łatwo zmienić kolor tekstu.

Krok 1: Na początek musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy wykorzystać atrybut style do zmiany koloru tekstu.

10 1 milion

 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 przesuń kursor na początek tekstu, którego kolor chcemy zmienić. A następnie wpisz inline styl atrybut w dowolnym elemencie. Tutaj używamy

znacznik (akapit):

Dowolny tekst

Krok 3: Na tym etapie musimy podać nazwę koloru jako wartość. Nazwę koloru możemy nadać w trzech postaciach:

1. Możemy wpisać nazwę koloru
2. Możemy również wprowadzić wartość RGB koloru
3. Możemy również wprowadzić szesnastkową wartość koloru.

Krok 4: Następnie musimy zamknąć element na końcu tekstu, którego kolor chcemy zmienić.

Dowolny tekst

Krok 4: I na koniec zapisz kod HTML, który zmienia kolor tekstu za pomocą atrybutu 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> 

Dane wyjściowe powyższego kodu pokazano na poniższym zrzucie ekranu:

2. Korzystanie z wewnętrznego CSS

Jeśli chcemy zmienić kolor tekstu za pomocą wewnętrznego kaskadowego arkusza stylów, który ma być wyświetlany na stronie internetowej, musimy postępować zgodnie z poniższymi krokami. Korzystając z tych kroków, możemy łatwo zmienić kolor tekstu.

Krok 1: Najpierw musimy wpisać kod HTML w dowolnym edytorze tekstu lub otworzyć w edytorze tekstu istniejący plik HTML, w którym chcemy wykorzystać wewnętrzny CSS do zmiany koloru tekstu.

 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 musimy umieścić kursor w znaczniku head dokumentu HTML, a następnie zdefiniować style wewnątrz tag, jak pokazano w następnym bloku. A następnie wpisz kolor atrybut do selektora elementów.

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

Krok 3: Teraz musimy wpisać zdefiniowany selektor elementu przed tekstem, którego kolor chcemy zmienić.

ciąg znaków w tablicy c

 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> 

Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu: