HTML (3)
Znacznik BODY
W tej części zajmiemy się znacznikiem BODY. Służy on do
definiowania wyglądu strony, czyli tło, kolor textu, odsyłaczy,
itd. Znacznik ten posiada atrybut BGCOLOR do określania koloru tła:
<BODY BGCOLOR="kolor">
W miejsce słowa "kolor" możemy wpisać jedną z
szesnastu wartości słownych:
aqua - morski tekst przykładowy
black - czarny tekst przykładowy
blue - niebieski tekst przykładowy
fuchsia - fuksja tekst przykładowy
gray - szary tekst przykładowy
green - zielony tekst przykładowy
lime - limona tekst przykładowy
maroon - kasztanowy tekst przykładowy
navy - granatowy tekst przykładowy
olive - oliwkowy tekst przykładowy
purple - purpurowy tekst przykładowy
red - czerwony tekst przykładowy
silver - srebrny tekst przykładowy
teal - cyraneczka tekst przykładowy
white - biały tekst przykładowy
yellow - żółty tekst przykładowy
Można też wstawiać wartości liczbowe, w zapisie
heksadecymalnym, np. #FF0000 - jest to kolor czerwony. Poniższe
zestawienie prezentuje najczęściej wykorzystywane kolory na
stronach WWW. Wskaż kursorem kolor, a w ramce pojawi się zapis
heksadecymalny.
Aby jako tło dokumentu określić obrazek, wpisujemy takie
polecenie:
<BODY BACKGROUND="obrazek.jpg">
Słowa "obrazek.jpg" to nazwa pliku wraz z
rozszerzeniem. Najlepiej jeśli plik graficzny znajduje się w tym
samym katalogu co strona, wtedy wystarczy podać tylko nazwę pliku.
Jeśli plik jest w katalogu podrzędnym w stosunku do katalogu ze
stroną to podajemy nazwę katalogu podrzędnego i nazwę pliku, np.
"katalog\plik.jpg". A jeśli plik znajduje się w katalogu
nadrzędnym w stosunku do katalogu ze stroną to trzeba przed nazwą
pliku wstawić coś takiego: "../". Symbol ten każe
przeglądarce cofnąć się o jeden katalog wstecz. Na tła
najlepiej wybierać jak najmniejsze obrazy, żeby zmniejszyć czas
ich przesyłania przez Sieć. Należy również pamiętać, aby tło
nie zmniejszało czytelności tekstów zamieszczonych na stronie.
Teraz małe wyjaśnienie. Na pewno zastanawiacie się po co
definiować kolor tła, jeśli mamy całkiem ładny obrazek w tle.
No tak, ale informacja o kolorze przesyłana jest szybciej niż plik
z tłem, więc jeśli mamy, np. biały tekst na ciemnym tle, to jako
kolor definiujemy czarny i już można czytać, a tak trzeba by
czekać, aż ściągnie się ciemne tło, bo białego na białym
czytać się nie da.
Wraz z parametrem BACKGROUND można zastosować atrybut
BGPROPERTIES i przypisać mu wartość "fixed", aby tło
nie przewijało się wraz z tekstem. Jednak ten atrybut interpretuje
tylko Internet Explorer, a Nescape go ignoruje.
Parametr TEXT definiuje kolor tekstu w dokumencie:
<BODY TEXT="kolor">
W miejsce słowa kolor wstawiamy wartość słowną lub liczbową
(wartości podane są powyżej).
Domyślnie przeglądarka używa odstępów pomiędzy zawartością
strony, a krawędzią okna. Można jednak samemu określić szerokość
marginesów. Jeśli prawy i lewy margines ma być taki sam to
wystarczy zastosować polecenie LEFTMARGIN, ale jeśli chcemy, aby
odstępy te były inne to trzeba wprowadzić atrybut RIGHTMARGIN,
określający prawy margines. Taka sama zasady dotyczy poleceń:
TOPMARGIN - dolny i górny odstęp oraz BOTTOMMARGIN - dolny
margines. W przeglądarce Netscape Navigator mamy tylko dwa
polecenia: MARGINWIDTH dla odstępów pionowych i MARGINHEIGHT dla
poziomych. Wartości podajemy w pikselach.
Przy zastosowaniu w/w poleceń znacznik BODY może wyglądać
tak:
<BODY BGCOLOR="black"
TEXT="white" BACKGROUND="obraz.jpg" LEFTMARGIN="10"
RIGHTMARGIN="20" TOPMARGIN="30" BOTTOMMARGIN="40"
MARGINHEIGHT="10" MARGINWIDTH="20">
Znacznik BODY posiada jeszcze trzy polecenia określające kolor
odsyłaczy, ale o nich później. W następnej części o kodowaniu
znaków. I jeszcze jedna uwaga: przy tworzeniu stron testujcie je co
jakiś czas w przeglądarce! Żeby po ujrzeniu gotowej strony w
Internecie nie spotkała Was przykra niespodzianka :)
TiGeR
tigers_e-mail@wp.pl
|