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 


Copyright 2001 by magazyn @t.Wszelkie prawa zastrzeżone.