Jak zmienić kolor tekstowy w HTML -

W HTML kolor tekstu zmienia się za pomocą tagu , Ale ta metoda nie jest już obsługiwana w HTML5. Zamiast określonego znacznika musisz użyć CSS, aby ustawić kolor tekstu różnych elementów strony. Używanie CSS zapewnia, że strona internetowa będzie kompatybilna z dowolną przeglądarką.

Kroki

Metoda 1 z 2:

Za pomocą CSS

jeden. Otwórz plik HTML. Najlepszym sposobem zmiany koloru tekstu jest użycie CSS. Stary tag Nie jest już obsługiwany w HTML5. Tak więc użyj CSS, aby określić styl elementów strony.

Ta metoda dotyczy również tabel w stylu zewnętrznym (pojedyncze pliki CSS). Poniższe przykłady są przeznaczone do pliku HTML z tabelą w stylu wewnętrznym.

2. Uruchom kursor wewnątrz tagu . Style są zdefiniowane wewnątrz tego znacznika, jeśli używany jest arkusz stylu wewnętrznego.

3. Wchodzić , Aby utworzyć wewnętrzny arkusz stylów. Kiedy tag

cztery. Wprowadź element, którego kolor należy zmienić. Użyj sekcji

{}

pięć. W przełączniku elementu wprowadź atrybut Kolor:. Ten atrybut określa kolor tekstu wybranego elementu. W naszym przykładzie, ten atrybut zmienia kolor głównego tekstu, który jest przedmiotem, który zawiera cały tekst na stronie:

 {Kolor:}

6. Wprowadź kolor tekstu. Można to zrobić na trzy sposoby: wprowadź nazwę, wprowadź wartość szesnastkową lub wprowadź wartość RGB. Na przykład, aby wykonać tekst na niebiesko, wejdź niebieski, RGB (0, 0, 255) lub # 0000FF.

 {Kolor czerwony-}

7. Dodaj inne selektory, aby zmienić kolor różnych elementów. Możesz użyć różnych selektorów, aby zmienić kolor tekstu różnych pozycji:

 {Color: Red-} H1 {Color: # 00ftf00-} p {Color: RGB (0,0,255)}Ten tytuł będzie zielony.Ten akapit będzie niebieski.Ten podstawowy tekst będzie czerwony.

osiem. Określ klasy stylistyczne CSS zamiast zmiany elementu. Możesz określić klasę stylów, a następnie zastosować go do dowolnej pozycji strony, aby zmienić styl elementu. Na przykład klasa .Redtext pomaluje tekst elementu, do którego stosowana jest ta klasa, na czerwono:

 {Kolor czerwony-} klasa ="Redtext"> Ten tytuł będzie akapitem Redextot będzie standardowy. klasa ="Redtext"> Ten akapit będzie czerwony

Metoda 2 z 2:

Za pomocą atrybutów osadzonych

jeden. Otwórz plik HTML. Możesz użyć atrybutów wbudowanych w stylu, aby zmienić styl jednego elementu strony. Może być przydatny, jeśli trzeba dokonać jednego lub dwóch zmian w stylu, ale nie jest zalecany do użytku na dużą skalę. Aby całkowicie zmienić styl, użyj poprzedniej metody.

2. Znajdź przedmiot do zmiany.Korzystając z atrybutów wbudowanych stylów, można zmienić kolor tekstu dowolnej pozycji strony. Na przykład, aby zmienić kolor tekstu określonego nagłówka, znajdź go w pliku:

Ten tytuł musi zostać zmieniony

3. Dodaj atrybut stylu do elementu. Wewnątrz znacznika otwierania zmiennego elementu wprowadź Styl ="":

 Styl =""> Ten tytuł musi zostać zmieniony

cztery. Wewnątrz "" Wchodzić Kolor:. Na przykład:

 Styl ="Kolor:"> Ten tytuł musi zostać zmieniony

pięć. Wprowadź kolor tekstu. Można to zrobić na trzy sposoby: wprowadź nazwę, wprowadź wartość szesnastkową lub wprowadź wartość RGB. Na przykład, aby zrobić tekst żółty, wejdź Żółty-, RGB (255,255,0)- lub # Ffff00-:

 Styl ="Kolor: # ffff00-"> Ten tytuł stał się żółty

Rada

Lista obsługiwanych kolorów i ich wartości szesnastkowe można znaleźć na stronie internetowej http: // W3schools.COM / Colors / Colors_Names.ŻMIJA