Kolory w HTML – podstawy
Wprowadzenie
Dział zatytułowany „Wprowadzenie”Kolory sprawiają, że strona jest przyjemniejsza w odbiorze. W HTML kolory ustawiamy głównie przez style CSS.
Teoria / Wyjaśnienia
Dział zatytułowany „Teoria / Wyjaśnienia”- Kolory możemy zapisać jako:
- nazwy (
red,blue,green), - wartości RGB (
rgb(255, 0, 0)), - zapis szesnastkowy (
#ff0000), - HSL (
hsl(0, 100%, 50%)).
- nazwy (
- Najczęstsze właściwości CSS:
color– kolor tekstu,background-color– kolor tła.
Praktyczne przykłady
Dział zatytułowany „Praktyczne przykłady”Przykład
<p style="color: red;">Czerwony tekst.</p><p style="background-color: #2196f3; color: white;">Biale litery na niebieskim tle.</p>Ćwiczenie
Dział zatytułowany „Ćwiczenie”- Stwórz kilka akapitów z różnymi kolorami tekstu.
- Dodaj sekcję z kolorowym tłem i kontrastującym tekstem.
- Zadbaj o czytelność – unikaj kombinacji kolorów trudnych do odczytania.