Data ostatniej aktualizacji: 2006-09-13.
Ćwiczenie 3
Kolorowe strony
Wykonując dotychczasowe ćwiczenia zastanawialiście się zapewne dlaczego nasza strona posiada zawsze takie samo tło. Otóż tło ma taki kolor, jaki został domyślnie przyjęty przez przeglądarkę WWW. Chcąc je zmienić musimy zmodyfikować nieco sekcję <BODY> i posłużyć się następującym poleceniem:
<BODY BGCOLOR="angielskanazwakoloru">W poleceniu tym możemy wyróżnić następujące elementy: znacznik, atrybut i wartość.
<ZNACZNIK ATRYBUT="wartość">Znacznikiem jest BODY, BGCOLOR - atrybutem znacznika, natomiast wartość określa kolor tła na stronie.
<BODY BGCOLOR="red">Istnieje jeszcze jeden sposób definiowania koloru tła na stronie. Używamy do tego celu wartości heksadecymalnych (szesnastkowych - 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E i F), którymi możemy zastąpić angielską nazwę koloru:
<BODY BGCOLOR="#rrggbb">Kolor biały ma wartość "#FFFFFF", a czarny "#000000". Wszystkie popularne przeglądarki akceptują wartości heksadecymalne (w formacie RRGGBB, gdzie RR - składowa czerwona, GG - składowa zielona, BB - składowa niebieska). Używanie wartości heksadecymalnych jest bardziej uniwersalne, należy jedynie pamiętać o umieszczeniu znaku # (hash).
<BODY BGCOLOR="#FF0000">Oto lista szesnastu podstawowych barw:
| Kolor | Nazwa angielska | Definicja RGB | Kolor | Nazwa angielska | Definicja RGB |
|---|---|---|---|---|---|
| black | #000000 | fuchsia | #FF00FF | ||
| silver | #C0C0C0 | green | #008000 | ||
| gray | #808080 | lime | #00FF00 | ||
| white | #FFFFFF | olive | #808000 | ||
| maroon | #800000 | yellow | #FFFF00 | ||
| red | #FF0000 | navy | #000080 | ||
| purple | #800080 | blue | #0000FF | ||
| teal | #008080 | aqua | #00FFFF |
W analogiczny sposób możemy zmieniać kolor czcionki. Posługujemy się wtedy poleceniem:
<FONT COLOR="angielskanazwakoloru">Tekst objęty poleceniem</FONT>Zwrócić należy uwagę, iż znacznik <FONT> musi zostać zamknięty. W przeciwnym razie cały tekst od tego miejsca będzie takiego koloru jaki zdefiniujemy. Tak samo jak w przypadku określania koloru tła dla strony możemy używać wartości heksadecymalnych:
<FONT COLOR="rrggbb">Tekst objęty poleceniem</FONT>
Ćwiczenie:
Wykorzystując powyższy edytor HTML wpisz nazwy następujących kolorów: czarny,
czerwony, niebieski, zielony. Następnie sformatuj tekst tak, aby słowa
umieszczone zostały jedno pod drugim i były napisane w takim kolorze jak ich
nazwa. Na koniec zmodyfikuj sekcję <BODY> i ustal ładne tło na stronie.
Nie zapomnij zapisać efektu swojej pracy w nowym pliku.
Jeżeli dotarłeś do tego miejsca, to serdecznie Ci gratuluję!
Zapamiętaj!
|