Jak używać znaczników koloru tekstu HTML: 9 kroków (ze zdjęciami) - Wskazówki

Wideo: Kurs HTML odc. 4: Listy, automatyczne przewijanie strony

Zawartość

Kroki
Rada
Ostrzeżenie

W tym artykule dowiesz się, jak zmienić kolor czcionki w dokumentach HTML. Chociaż znaczniki czcionek są nieaktualne w HTML, możesz użyć CSS, aby dodać kolor do tekstu strony HTML. Jeśli korzystasz ze starszej wersji HTML, możesz w razie potrzeby użyć znacznika czcionki HTML.

Kroki

Metoda 1 z 2: użyj tagów HTML

Utwórz tagi czcionek. Zestaw kart przed tekstem, którego kolor chcesz zmienić. Umieść kartę zamykającą za tekstem.
- Jak na przykład:
  Ten tekst będzie niebieski.
Dodaj atrybuty kolorów. Wstawić color = „” do otwartej zakładki czcionki. Kolor, który chcesz, będzie w cudzysłowie.
- Na przykład:
  color = „”Ten tekst będzie niebieski.
Wybierz nazwę koloru. Nazwa koloru to zawsze jedno słowo bez spacji. Spróbuj czegoś prostego, np. „Niebieski” (niebieski), „czerwony” (czerwony) lub opisową nazwę, na przykład „jasnoniebieski” lub „ciemnoniebieski” (ciemnoniebieski). Aby uzyskać więcej opcji, przejrzyj listę rozpoznawanych kolorowych słów kluczowych, która obejmuje „bordowy” (ciemnobrązowy), „stalowoniebieski” (szaro-zielony) i „limonkowy” (jasnożółty).
- Jak na przykład:
  Ten tekst będzie niebieski.
Użyj szesnastkowych kodów kolorów. HTML pozwala wybierać spośród milionów kolorów, ale nie wszystkie kolory mają swoją nazwę. Zamiast tego używają sześcioznakowego kodu zapisanego szesnastkowo. W sieci jest wiele witryn zawierających szesnastkowe kody kolorów lub umożliwiających wybranie koloru na ekranie i wyświetlenie wartości szesnastkowej. Ten kod zaczyna się od znaku # i składa się z sześciu znaków, w tym cyfr 0-9 lub litery A-F.
- Kod # FF0000 reprezentuje kolor czerwony.
- Ten kod generuje zielony tekst.
- Ten kod tworzy niebieski tekst.
Eksperymentuj z wartościami RGB. Nie musisz wiedzieć, jak działa szesnastkowe kodowanie kolorów, aby móc skorzystać z internetowego próbnika kolorów. Jeśli jednak chcesz tego doświadczenia, możesz zacząć od podstaw:
- Każdy sześcioznakowy kod jest podzielony na wartości czerwony, zielony (zielony) i niebieski („RGB”). Na przykład kod # FF0000 oznacza „czerwony: FF zielony: 00 niebieski: 00”.
- Aby zmienić ilość koloru czerwonego, zmień pierwsze dwa znaki. Możesz użyć dowolnej wartości od 00 (bez czerwieni) do 99 (lekko czerwona) lub liter AA (czerwonawych) do FF (maksymalna ilość czerwieni).
- Użyj tego samego systemu, aby zmienić wartość na zieloną (dwie środkowe cyfry) lub niebieską (dwie ostatnie cyfry).
Uzyskaj głębsze zrozumienie szesnastkowych kodów kolorów. Aby wybrać właściwy kolor, musisz znać następujące dwie koncepcje:
- Każde trzy wartości kolorów to dwie cyfry. Jeśli chcesz wprowadzić mniej zmian, po prostu zmień drugą cyfrę. Na przykład # 850000 i # 890000 są dość podobne, a # A50000 będzie nieco jaśniejszy.
- Połączone wartości RGB są równe systemowi kolorów plus. Czerwony i zielony dadzą żółty; niebieski i zielony tworzą cyjan; Czerwony i niebieski dadzą kolor bordowy.
Reklama

Metoda 2 z 2: użyj wbudowanego elementu CSS

Wstaw atrybut style do znacznika HTML. Nieruchomości style = „” pozwala na używanie CSS w dokumentach HML. Oto prosty sposób na ustawienie koloru czcionki, nawet jeśli nie znasz CSS. Spróbuj ustawić atrybut stylu na jeden z tagów HTML:
- Znacznik p służy do identyfikacji fragmentu tekstu.
- Znacznik a służy do tworzenia łącza.
- Użyj znaczników zakresu, aby pokolorować część akapitu bez zmiany formatowania.
Określ kolory. Wstawić kolor: z nazwą koloru lub kodem szesnastkowym w cudzysłowie. Aby uzyskać więcej informacji na temat nazw i kodów kolorów, zapoznaj się z powyższą metodą lub wypróbuj następujące przykłady:
- Ten kod stanowi czerwony tekst.
- Ten kod daje ciemnozielony kolor.
- CSS obsługuje 3-cyfrowe skracanie. Kolor 745 oznacza 774455.
Używaj klas CSS z często używanymi czcionkami. Jeśli chcesz nadać styl każdemu podpisowi lub tytułowi obrazu dla fragmentu treści na dużej stronie internetowej, nie musisz w kółko wpisywać całego kodu. Zamiast tego zdefiniuj klasę CSS na początku tekstu, dzięki czemu możesz wywoływać klasę tylko jednym skrótem za każdym razem, gdy chcesz użyć tego stylu. Oto przykład pokazujący nowe zastosowania atrybutu style:
- W sekcji dokumentu HTML, wklej następujący kod:
- Następnie w treści tekstu użyj atrybutu, aby dodać ten styl jako element. Jak na przykład,
  tym paragrafie
  ciemnozielona, duża czcionka kursywna (odręczna).
- Zauważ, że możesz użyć dowolnego słowa zamiast „fantazyjny” do opisania kroju pisma.
Reklama

Rada

Postaraj się, aby Twoja strona była czytelna. Jasne kolory tekstu będą trudne do odczytania na białym tle, a ciemne kolory tekstu będą trudne do odczytania na czarnym.
Starsze komputery wyświetlają limit 65 000 kolorów, podczas gdy starsze komputery wyświetlają limit 256 kolorów. Jednak ponad 99% internautów będzie mogło zobaczyć wybrany przez Ciebie kolor.