W HTML możemy zmienić kolor dowolnego tekstu na następujące różne sposoby:
- Korzystanie z tagu HTML
- Korzystanie z atrybutu stylu Inline
- 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 HtmlPrzetestuj teraz
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:
- Możemy wpisać nazwę koloru
- Możemy również wprowadzić wartość RGB koloru
- 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>Przetestuj teraz
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> Przetestuj teraz Dane wyjściowe powyższego kodu HTML pokazano na poniższym zrzucie ekranu:
