Jak używać znaczników kolorów czcionek w HTML

Zawartość

• etapy
• Metoda 1 Użyj tagów HTML
• Metoda 2 Użyj CSS w tagach

Tag czcionki HTML jest już przestarzały i profesjonalni programiści powinni go unikać. Chociaż zmiana koloru czcionki w osobistym projekcie jest bardzo prosta, nie ma gwarancji, że będzie ona nadal działać po aktualizacji przeglądarek internetowych. Aby uzyskać najlepsze wyniki, należy użyć metody z CSS.

etapy

Metoda 1 Użyj tagów HTML

1. 
   

   
   Utwórz znacznik czcionki. Umieść tag przed e, które chcesz pokolorować. Zamknij, wkładając na końcu e.
   • Na przykład:
     Chcę, żeby to było na niebiesko

2. 
   

   
   Dodaj atrybut koloru. dodać kolor = „” wewnątrz tagu otwierającego. Następnie musisz wstawić wybrany kolor w cudzysłowie (w języku angielskim).
   • Na przykład:
     Chcę, żeby to było na niebiesko

3. 
   

   
   Wybierz nazwę koloru. To zawsze proste słowo po angielsku, bez spacji. Wypróbuj proste nazwy, takie jak „niebieski”, „czerwony” lub coś bardziej szczegółowego, np. „Jasnoniebieski” (ciemnoniebieski) lub „ciemnoniebieski” (ciemnoniebieski). Aby uzyskać więcej możliwości, znajdź listę akceptowanych nazw kolorów, takich jak bordowy, steelblue i limonkowy.
   • Na przykład:
     Chcę, żeby to było na niebiesko

4. 
   

   
   
   
   Zamiast tego użyj kodu szesnastkowego. HTML pozwala wybierać spośród milionów kolorów, ale nie zawsze są dla nich nazwy. Zamiast tego użyjesz sześciocyfrowego kodu w systemie o nazwie szesnastkowym. Istnieje wiele witryn internetowych, które oferują szesnastkowe listy kodów dla kolorów lub możesz nawet wybrać kolor bezpośrednio na ekranie, aby uzyskać kod. Numer zaczyna się od symbolu #, po którym następuje sześć cyfr składających się z cyfr od 0 do 9 i liter od d do F.
   • Kod # FF0000 jest taki sam, jak czerwony kolor oznaczony „czerwony”.
   • Ten kod generuje zielony kolor.
   • Ten kod powoduje, że e ma kolor niebieski.

5. 
   

   
   
   
   Graj z wartościami RGB. Nie musisz wiedzieć, jak działa szesnastkowy kod koloru, aby wybrać kolor, który lubisz na palecie, którą znajdziesz w Internecie. Jeśli jednak chcesz wykonać kilka eksperymentów, musisz zacząć od podstaw.
   • Każda sześciocyfrowa liczba jest podzielona na wartości dla czerwonego, zielonego i niebieskiego (lub „RGB” dla „czerwonego, zielonego, niebieskiego”). Na przykład kod # FF0000 faktycznie oznacza „czerwony: FF, zielony: 00, niebieski: 00”.
   • Aby zmienić ilość czerwieni, zmień pierwsze dwie cyfry. Możesz użyć wartości z zakresu od 00 (brak czerwieni) do 99 (trochę czerwieni) oraz między AA (nieco więcej czerwieni) i FF (maksimum czerwieni).
   • Użyj tego samego systemu, aby zmienić wartość koloru zielonego (dwie środkowe cyfry) i niebieskiego (dwie ostatnie cyfry).

6. 
   

   
   Dogłębne zrozumienie kodu. Aby uzyskać dokładniejszy wybór kolorów, musisz zrozumieć dwie inne koncepcje.
   • Każda z tych trzech wartości składa się z dwucyfrowej liczby. Aby wprowadzać niewielkie zmiany, możesz zmienić drugą cyfrę. Na przykład: #850000 i #890000 są bardzo podobne, ale # A50000 jest znacznie jaśniejsze.
   • Wartości RGB są mieszane na podstawie addytywnego systemu syntezy kolorów. Marka czerwona i zielona żółty, marka niebieska i zielona cyan oraz czerwony i niebieski magenta .

Metoda 2 Użyj CSS w tagach

1. 
   

   
   Wstaw atrybut „styl” do znacznika. Ten atrybut pozwala umieścić CSS bezpośrednio w znaczniku HTML. Jest to prosty sposób na zmianę koloru, nawet jeśli nie znasz CSS. Spróbuj umieścić go w jednym z następujących tagów:

   • znacznik p otacza akapit e

   • tag otoczył link
   • użyj znacznika span, aby zmienić kolor części e bez zmiany formatu

2. 
   

   
   Wskaż kolor. wkładka kolor: po którym następuje nazwa koloru lub kodu szesnastkowego w cudzysłowie. Aby uzyskać więcej informacji na temat nazw kolorów, zobacz przykłady w poprzedniej metodzie.
   • E jest teraz w kolorze czerwonym.
   • Oto kod ciemnej oliwkowej zieleni.
   • CSS obsługuje trzycyfrowe skrócone kody kolorów. Kod 745 to skrót 774455.

3. 
   

   
   Użyj klas CSS. Jeśli chcesz zastosować ten sam styl do wszystkich zdjęć lub wszystkich tytułów rozdziałów, nie musisz powtarzać tego samego kodu za każdym razem. Zamiast tego możesz zdefiniować klasę w nagłówku dokumentu, aby móc odwoływać się do niej później, gdy chcesz zastosować ten sam styl. Oto przykład pokazujący kilka zastosowań atrybutu „style”.
   • W dziale swojej strony HTML skopiuj następujący kod:
     
   • W treści tego samego dokumentu użyj atrybutu aby dodać ten styl do elementu. Na przykład:

     ten akapit

     pojawi się w ciemnozielonej z szeroką czcionką kursywą.
   • Wiedz, że nie musisz nazywać swojej klasy „fantazyjnym”, możesz nadać jej pożądaną nazwę.