Przejdź do treści

Jak używać kolorów w HTML? - Kurs HTML i CSS

Jak używać kolorów w HTML?

Jednym z najczęstszych sposobów, jak używamy kolorów na stronach internetowych, jest zmiana barwy tekstu. Domyślnie każdy tekst będzie napisany zwykle kolorem czarnym albo ewentualnie białym - w przypadku ustawienia ciemnego motywu w systemie operacyjnym bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color: red">...</span> zmieni kolor tekstu na czerwony.

Zobacz więcej...

  • HTML
    HTML dla zielonych / Edytory HTML

    ...wyświetlać się w niektórych przeglądarkach, a ponadto być trudne do późniejszej modyfikacji. Dlatego do tworzenia tego typu dokumentów zaleca się używać dedykowanych edytorów HTML. Jak otworzyć plik HTML w Wordzie? Edytory tekstu takie jak np. Microsoft Word, Open Office czy Libre Office pozwalają bezpośrednio otwierać do edycji pliki HTML. W tym celu wybierz menu: "Plik / Otwórz", a następnie odszukaj dokument *.html lub *.htm na dysku i kliknij przycisk "Otwórz". Pamiętaj jednak, że...

  • HTML
    HTML dla zielonych / Wstawienie obrazka HTML <img src alt>

    ...strony w Internecie, nie zapomnij przekopiować na serwer również wszystkich plików obrazków! UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)...

  • HTML
    Multimedia / Obrazek HTML <img>

    ...jej wyświetlanie albo dla osób niewidomych, które korzystają ze specjalnych syntezatorów mowy. UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)...

  • CSS
    Media / Zapytania mediów

    ...z kolorowymi ekranami, ale przynajmniej nie utracimy całego arkusza. Co z tego wynika, jeśli musimy zapewnić kompatybilność wstecz, nie powinniśmy używać skróconego zapisu, tzn. zamiast samego: "(color)" lepiej wpisać pełną formę: "all and (color)". Może się zdarzyć, że opisana redukcja nazwy medium w starszych przeglądarkach, wywoła niepożądany wygląd strony. Jeśli chcemy, aby dany arkusz został zastosowany tylko w przeglądarkach, które w pełni obsługują zapytania mediów, całą deklarację...

  • CSS
    Dobre praktyki / Przykazania webmastera

    ...niezbędne Nie używaj pustych elementów (znaczników) Nie dodawaj na stronie tekstu tylko po to, żeby go ukryć bez żadnego zamiennika Staraj się używać identyfikatorów tylko dla elementów szkieletu strony oraz etykiet odsyłaczy Nie używaj znaczników br do tworzenia akapitów ani ustawiania elementów jeden pod drugim Nie stosuj encji &nbsp; do robienia wcięć ani odstępów pomiędzy wyrazami Nie nadużywaj znacznika div ani span Formatuj kod źródłowy Staraj się używać znacznika button...

  • HTML
    HTML dla zielonych / Kolor czcionki HTML <span "color">

    ...blue">...</span> (niebieski), <span style="color: teal">...</span> (zielonomodry), <span style="color: aqua">...</span> (akwamaryna). Jak używać kolorów w HTML? Jednym z najczęstszych sposobów, jak używamy kolorów na stronach internetowych, jest zmiana barwy tekstu. Domyślnie każdy tekst będzie napisany zwykle kolorem czarnym albo ewentualnie białym - w przypadku ustawienia ciemnego motywu w systemie operacyjnym bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny...

  • HTML
    Kolory HTML / Wykaz kolorów HTML

    ...podstawowe Oprócz kolorów zapisanych w systemie szesnastkowym, dostępna jest ograniczona paleta kolorów nazwanych, dla których zamiennie możemy używać ich nazwy zamiast kodu HEX: Nazwa HEX Kolor black #000000 czarny silver #C0C0C0 srebrny gray #808080 szary white #FFFFFF biały maroon #800000 kasztanowy red #FF0000 czerwony purple #800080 purporowy fuchsia #FF00FF fuksja green #008000 zielony lime #00FF00 limonowy olive #808000 oliwkowy yellow...

★★★★★ 5/5 (209)

Facebook