Lekcja informatyki dla młodzieży klas 5/6 szkoły podstawowej. Pamiętaj, że aby zrozumieć omawiane zagadnienia, musisz posiadać wiadomości i umiejętności z naszych poprzednich lekcji informatyki online.

Na swojej stronie WWW możesz używać kolorów – zarówno tekstu, jak i tła i tabelek. Osobiście uważam, że najlepsze tło to BIAŁE tło, a kolor tekstu to SZARY lub CZARNY. Takie zestawienie gwarantuje najlepszą czytelność i przejrzystość. Istnieją jednak kody HTML , które potrafią dowolnie definiować kolory i są przydatne w tworzeniu stron internetowych i innych dokumentów. Pamiętajmy jednak, że bez względu na gust webmastera, należy pamiętać o zasadzie: ” jasne tło = ciemny tekst – i odwrotnie – ciemne tło – jasny tekst ” . Spójrzmy na przykłady poniżej. Sam przekonaj się, które zestawienie jest najlepsze i najbardziej czytelne.

Czarny tekst na białym tle

Biały tekst na czarnym tle

Zółty tekst na brązowym tle

Biały tekst na żółtym tle

Różowy tekst na czerwonym tle

Nie muszę chyba tłumaczyć, dlaczego nie należy stosować tego samego koloru czcionki i tła 🙂

Kolor tekstu

Język HTML definiuje kolory podstawowe tekstu w następujący sposób:

  • Brak kodu oznacza domyślny kolor czarny
  • KOD: <font color=”kolor>twój tekst w kolorze</font>

W miejscu kolor możesz wpisać angielskie odpowiedniki podstawowych kolorów.

Red – czerwony

Green – zielony

Blue – niebieski

Gray – szary

Yelow – żółty

White – biały

Przykładowy kod:

<font color=”red”>To zdanie ma kolor czerwony</font>

<font color=”blue”>Ten tekst jest niebieski</font>

i jego efekt w przeglądarce

=====================

To zdanie ma kolor czerwony

Ten tekst jest niebieski

=====================

Więcej o kolorach możecie się dowiedzieć odwiedzając serwis WIKIPEDIA, gdzie szczegółowo opisano to zagadnienie. Jako ciekawostkę podam tylko fakt, że system popularny internetowy system klasyfikacji kolorów RGB może zdefiniować i zapisać ……. 16,777,216 różnych kolorów. Nam chwilowo aż tyle nie trzeba 😉

KLIKNIJ ABY PRZEJŚĆ do WIKIPEDII >>

Kolor tła

Aby uzyskać inny od domyślnego białego, kolor tła dokumentu zastosujemy polecenie

<body bgcolor=”kolor”>…</body>

Przykładowy kod:

<body bgcolor=”kolor”>cały Twój dokument</body>

W miejscu kolor możesz wpisać omawiane już wyżej angielskie odpowiedniki podstawowych kolorów lub skorzystać np. z wikipedii i określić dowolny kolor. Pamiętaj,że pierwszy człon polecenia <body bgcolor=”?kolor?”> powinien znajdować się na początku twojego kodu HTML strony WWW, a drugi fragment tego kodu </body> na samym końcu naszego dokumentu.

Zadanie

Utwórz w notatniku plik HTML z dowolnym zdaniem białą czcionką na czarnym tle.

Rozwiązanie – kod HTML

<body bgcolor=”black”> początek kodu koloru tła

<font color=”white”>Jestem białym zdaniem na czarnym tle</font> Zdanie z kodem białej czcionki

</body> koniec kodu tła

CIEKAWOSTKA : Już po raz drugi zauważamy, że jeden kod występuje w drugim (poprzednio na lekcji „obrazek jako odnośnik„). To właśnie struktura języka HTML!