Kolor czcionki HTML <span "color">
W jaki sposób zmienić kolor czcionki na stronie WWW?
<span style="color: kolor">Tu wpisz tekst</span>
black | (czarny) | |
white | (biały) | |
silver | (srebrny) | |
gray | (szary) | |
maroon | (kasztanowy) | |
red | (czerwony) | |
purple | (purpurowy) | |
fuchsia | (fuksja) | |
green | (zielony) | |
lime | (limonowy) | |
olive | (oliwkowy) | |
yellow | (żółty) | |
navy | (granatowy) | |
blue | (niebieski) | |
teal | (zielonomodry) | |
aqua | (akwamaryna) |
Jeśli za mało Ci tych szesnastu kolorów, zajrzyj na stronę pt.: Kolory.
Edytory HTML posiadają często specjalny selektor kolorów, za pomocą którego można w prosty sposób wybrać barwę o dowolnym odcieniu.
Przykład <span "color">
Po wpisaniu w edytorze HTML następującego kodu:
<span style="color: red">Ten tekst został napisany czcionką koloru czerwonego</span>
na ekranie przeglądarki otrzymamy:
Ten tekst został napisany czcionką koloru czerwonegoPytania i odpowiedzi <span "color">
Jak zmienić kolor czcionki w HTML?
W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiedniej wartości: <span style="color: black">...</span>
(czarny), <span style="color: white">...</span>
(biały), <span style="color: silver">...</span>
(srebrny), <span style="color: gray">...</span>
(szary), <span style="color: maroon">...</span>
(kasztanowy), <span style="color: red">...</span>
(czerwony), <span style="color: purple">...</span>
(purpurowy), <span style="color: fuchsia">...</span>
(fuksja), <span style="color: green">...</span>
(zielony), <span style="color: lime">...</span>
(limonowy), <span style="color: olive">...</span>
(oliwkowy), <span style="color: yellow">...</span>
(żółty), <span style="color: navy">...</span>
(granatowy), <span style="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, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color: red">...</span>
zmieni kolor tekstu na czerwony.