Dodawanie kolorów do projektu witryny jest łatwe dzięki kodom kolorów HTML.
Otwórz bezpieczną w Internecie tabelę kodów kolorów HTML i sprawdź dostępne kolory. Chociaż większość komputerów może wyświetlać dowolne kolory, korzystanie tylko z kolorów bezpiecznych w Internecie jest bardziej dostępną opcją. Poza tym do wyboru jest wiele kolorów. Wybierz kolory dla swojego projektu, które pasują do motywu i wyglądu Twojej witryny. Dobrą zasadą jest wybór dwóch uzupełniających się kolorów i jednego koloru akcentującego. Neutralny, taki jak czarny, biały, szary lub jasnobrązowy to kolejny dobry wybór.
Skopiuj 6-znakowe kody kolorów HTML dla kolorów, których chcesz użyć w swojej witrynie. Składają się one z cyfr 0, 3, 6 i 9 oraz liter C i F w różnych kombinacjach. Te 6-znakowe kody zostaną użyte w kodzie HTML Twojej witryny, gdziekolwiek chcesz stworzyć kolorowy akcent.
Wybierz jeden kolor, który będzie tłem Twojej witryny. Aby zmienić tło w ten kolor, użyj kodu HTML "
” i zastąp 6-znakowy kod żądanym kodem koloru. Ponieważ jest to kolor tła całej treści strony internetowej, ten fragment kodu HTML zastępuje normalny „” tag.Zmień kolor dowolnego tekstu, nagłówków lub linków na swojej stronie internetowej, umieszczając kody kolorów i odpowiedni kod HTML na stronie kodu witryny. Dowolny tekst można pokolorować, dodając atrybut HTML „Nagłówek
” do kodu Twojej witryny.
Zmień kolor wszystkich nagłówków w swojej witrynie, używając zamiast tego kaskadowych arkuszy stylów (CSS). Użyj kodu „h1 {color:#336699;}” pomiędzy „
" oraz "” w kodzie witryny. Za każdym razem, gdy kodujesz „” w Twojej witrynie będzie to ten kolor. CSS to standardowa metoda stylizacji stron internetowych. Ułatwia również wprowadzanie i wprowadzanie zmian, jeśli chcesz przeprojektować.
Zmień kolor swoich czcionek, linków i innych rzeczy w CSS. Użyj fragmentu kodu CSS „p {color:#336699;}” dla czcionek. Kod HTML każdego bloku tekstu musi być ograniczony znakiem „
" oraz "
" tagi. Kolory linków można zmienić za pomocą „{color:#336699;}” i „” w kodzie HTML witryny. Inne znaczniki HTML, takie jak obramowanie obrazu, poziome linie i komórki tabeli, można również zmienić za pomocą podstawowego fragmentu kodu CSS „{color:#336699;}”.
