HTML dla zielonych - HTML
Kolor czcionki
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 {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
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.