3 sposoby używania znaczników koloru czcionki w HTML

Spisu treści:

3 sposoby używania znaczników koloru czcionki w HTML
3 sposoby używania znaczników koloru czcionki w HTML

Wideo: 3 sposoby używania znaczników koloru czcionki w HTML

Wideo: 3 sposoby używania znaczników koloru czcionki w HTML
Wideo: HOW TO FIX BLURRY IMAGES IN PHOTOSHOP FOR SOCIAL MEDIA 2024, Kwiecień
Anonim

Ten wikiHow uczy, jak zmienić kolor czcionki w dokumencie HTML. Chociaż tag czcionki HTML jest przestarzały w HTML5, możesz użyć CSS, aby dodać kolor do tekstu swojej strony HTML. Jeśli pracujesz ze starszą wersją HTML, możesz w razie potrzeby użyć tagu koloru czcionki HTML.

Kroki

Metoda 1 z 2: Korzystanie z CSS

122247 1 1
122247 1 1

Krok 1. Wybierz kolor tekstu

Chociaż możesz używać kolorów podstawowych (np. „czerwonego”) do kolorowania tekstu, musisz użyć generatora kolorów HTML, aby uzyskać bardziej zróżnicowane odcienie:

  • Przejdź do https://www.w3schools.com/colors/colors_picker.asp w przeglądarce internetowej komputera.
  • Wybierz kolor bazowy, którego chcesz użyć w sześciokącie u góry strony.
  • Przewiń do odcienia, którego chcesz użyć, po prawej stronie strony.
  • Zwróć uwagę na sześcioznakowy kod po prawej stronie cienia.
122247 2 1
122247 2 1

Krok 2. Otwórz dokument HTML

Powinien to być dokument, dla którego chcesz zmienić kolor czcionki.

Jeśli nie masz jeszcze dokumentu HTML, utwórz go przed kontynuowaniem

122247 3 1
122247 3 1

Krok 3. Znajdź tekst, który chcesz pokolorować

Przewiń dokument, aż znajdziesz akapit, nagłówek lub inną formę tekstu, którą chcesz pokolorować.

122247 4 1
122247 4 1

Krok 4. Zanotuj znaczniki tekstu

Na przykład jeśli tekst jest nagłówkiem, zobaczysz „

" Przed tym.

122247 5 1
122247 5 1

Krok 5. Dodaj sekcje „head” i „style” na górze dokumentu

Zrobisz to, wpisując poniżej znacznika „”, naciskając ↵ Enter, wpisując poniżej znacznika „”, naciskając ↵ Enter dwa razy i wpisując zamykające znaczniki dla obu. Twój wynik końcowy powinien wyglądać tak:

     
122247 6 1
122247 6 1

Krok 6. Wprowadź tag stylu „kolor”

Kliknij spację między tagami „”, a następnie wprowadź następujący kod (upewnij się, że czerwony kolor zastąpiono kodem koloru i „

" ze znacznikiem tekstu, który chcesz pokolorować):


{ kolor czerwony; }

122247 7 1
122247 7 1

Krok 7. Przejrzyj swój dokument

Nagłówek Twojej strony powinien wyglądać mniej więcej tak:

     
122247 8 1
122247 8 1

Krok 8. Ujednolicenie koloru tekstu treści

Jeśli chcesz, aby cały tekst główny dokumentu miał ten sam kolor, wprowadź następujący kod z preferowanym kolorem zamiast czarnego:

korpus { kolor: czarny; }

Metoda 2 z 2: Używanie tagów HTML

122247 9 1
122247 9 1

Krok 1. Wybierz kolor tekstu

Chociaż możesz używać kolorów podstawowych (np. „czerwonego”) do kolorowania tekstu, musisz użyć generatora kolorów HTML, aby uzyskać bardziej zróżnicowane odcienie:

  • Przejdź do https://www.w3schools.com/colors/colors_picker.asp w przeglądarce internetowej komputera.
  • Wybierz kolor bazowy, którego chcesz użyć w sześciokącie u góry strony.
  • Przewiń do odcienia, którego chcesz użyć, po prawej stronie strony.
  • Zwróć uwagę na sześcioznakowy kod po prawej stronie cienia.
122247 10 1
122247 10 1

Krok 2. Otwórz dokument HTML

Powinien to być dokument, dla którego chcesz zmienić kolor czcionki.

Jeśli nie masz jeszcze dokumentu HTML, utwórz go przed kontynuowaniem

122247 11 1
122247 11 1

Krok 3. Znajdź tekst, który chcesz pokolorować

Przewiń dokument, aż znajdziesz akapit, nagłówek lub inną formę tekstu, którą chcesz pokolorować.

122247 12 1
122247 12 1

Krok 4. Dodaj otwarty tag „czcionka”

Kliknij bezpośrednio po lewej stronie tekstu, który chcesz pokolorować, a następnie wpisz następujące polecenie (upewniając się, że czerwony kolor został zastąpiony preferowanym kolorem):

122247 13 1
122247 13 1

Krok 5. Zamknij tag "czcionka"

Kliknij w spację po prawej stronie na końcu kolorowanego tekstu, a następnie tam wpisz.

Ten tekst jest czerwony!

Przykładowy kod HTML

Image
Image

Kod koloru czcionki HTML

Wideo - Korzystając z tej usługi, niektóre informacje mogą być udostępniane YouTube

Porady

  • Postaraj się, aby Twoja strona była czytelna. Jasne kolory są trudne do odczytania na białym tle, a ciemne kolory są trudne do odczytania na czarnym tle.
  • Kody kolorów HTML są podzielone w następujący sposób: pierwsze dwa znaki odnoszą się do odcieni czerwieni, drugie dwa odnoszą się do zieleni, a ostatnie dwa odnoszą się do koloru niebieskiego. Możesz użyć wartości od „00” do „99”, aby wskazać, ile chcesz każdego koloru; użycie „FF” zamiast liczby wywołuje maksymalną ilość tego koloru (na przykład „0000FF” będzie tak niebieskie, jak to możliwe).
  • Stare wyświetlacze komputerowe są ograniczone do około 65 000 kolorów, a bardzo stare wyświetlacze są ograniczone do 256. Jednak ponad 99% użytkowników Internetu będzie w stanie zobaczyć dowolny określony kolor.

Zalecana: