Tegs BODY
Pārlūks | Internet Explorer | Netscape | Opera | Safari | Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Elements <BODY> paredzēts web-lapas satura (kontenta) glabāšanai, kurš tiks attēlots pārlūka logā. Informāciju, kura būs jāizvada dokumentā, jāizvieto tieši konteinerī BODY. Pie tādas informācijas pieder teksts, attēli, citi tegi, skripti JavaScript u.t.t.
Tegs <BODY> tiek izmantots arī lai noteiktu teksta un hipersaišu krāsu web-lapā. Šāda prakse iekš HTML 4 tiek nosodīta un tā vietā tiek ieteikts krāsu gammas norādīšanai izmantot stilus, piekārtojot tos selektoram BODY. Tomēr, liela daļa parametru joprojām tiek vairāku pārlūku atbalstīta.
Bieži tegs <BODY> tiek izmantots, lai tajā izvietotu notikumu apstrādātāja funkciju, piemēram, onLoad, kura tiek izpildīta pēc tam, kad dokuments pilnībā ielādējis tekošajā logā vai freimā.
Atverošais un aizverošais tegi <BODY> web-lapā nav obligāti, tomēr labais tonis skaitās to izmantošana, lai apzīmētu HTML dokumenta sākumu un beigas.
Sintakse
<body> ... </body>
Parametri
- alink
- Uzstāda aktīvās hipersaites krāsu.
- background
- Uzstāda web-lapas fona attēlu.
- bgcolor
- Uzstāda web-lapas fona krāsu.
- bgproperties
- Nosaka, vai lapas fonu "skrollēt" līdz ar tās saturu vai nē.
- bottommargin
- Atkāpe no pārlūka loga apakšējās malas līdz dokumentam.
- leftmargin
- Atkāpe no pārlūka loga kreisās malas līdz dokumentam.
- link
- Hipersaišu krāsa web-lapā.
- scroll
- Nosaka, vai attēlot "skrollera" joslu, vai nē.
- text
- Teksta krāsa dokumentā.
- topmargin
- Atkāpe no pārlūka loga augšējās malas līdz dokumentam.
- vlink
- Apmeklēto hipersaišu krāsa.
Aizverošais tegs
Atverošais un aizverošais tegi nav obligāti.
Piemērs 1. Tega <BODY> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tegs BODY</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body onLoad="alert('Dokuments ielādēts')">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Piemēra rezultāts. Izmantojot tega <BODY> parametru onload, tiek izpildīts skripts, uzrakstīts JavaScript valodā, un šajā gadījumā izvada paziņojumu, ka dokuments ielādēts.
Tega <BODY> parametru apraksts
Parametrs ALINK
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda aktīvās hipersaites krāsu. Iepriekšējā hipersaites krāsa mainās uz aktīvo, ja uz saites tiek veikts klikšķis vai to iezīmē ar klaviatūras palīdzību.
Sintakse
<body alink="krāsa">...</body>
Argumenti
Teksta krāsas vērtību var noteikt divos veidos.
1. Ar tās nosaukumu
Pārlūki atpazīst dažādus krāsu nosaukumus.
2. Pēc heksadecimālās skaitļa metodes
Krāsu noteikšanai izmanto heksadecimālos skaitļus. Heksadecimālā sistēma, atšķirībā no decimālās sistēmas, bāzējas uz skaitļa 16. Cipari būs sekojoši: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Cipari no 10 līdz 15 aizvietoti ar latīņu burtiem. Skaitļus virs 15 šajā sistēmā veido apvienojot vairākus ciparus vienā skaitlī. Par piemēru, skaitlim 255 decimālajā sistēmā atbilst skaitlis FF heksadecimālajā sistēmā. Lai nerastos sajukums skaitīšanas sistēmas noteikšanā, pirms heksadecimālā skaitļa liek restītes simbolu #, piemēram #666999. Katra no trīs krāsām — sarkanā, zaļā un zilā — var pieņemt vērtību no 00 līdz FF. Tādējādi, krāsas apzīmējums sastāv no 3 blokiem #rrggbb, kur pirmie 2 cipari atbild par krāsas sarkano komponenti, divi vidējie — par zaļo, bet 2 pēdējie par zilo .
Noklusētā vērtība
Sakrīt ar hipersaites krāsu.
CSS analogs
BODY:active { color: krāsa }
Piemērs 2. Aktīvās hipersaites krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs alink</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body alink="red">
<p>Parasts teksts</p>
<p><a href="zoo.html">Hipersaite uz dokumentu</a></p>
</body>
</html>
Parametrs BACKGROUND
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda attēlu, kurš tiks izmantots kā fona attēls. Atšķirībā no parastajiem attēliem, fona attēlam netiek uzstādīts augstums un platums, un tas vienmēr tiek attēlots pilnā izmērā ar mērogu 100%. Ja attēla izmērs ir mazāks par pārlūka logu, tad attēls tiek atkārtots logā pa labi un uz leju, izkārtojoties kā mozaīkā. Šādā gadījumā fona attēlu salaiduma vietas var kļūt redzamas, kas var likties traucējoši. Izvēloties fona attēlu pārliecinieties, ka tas pietiekami kontrastē ar lapas tekstu. Kā fona attēli tiek pieļauti animēti attēli GIF formātā, taču tādi novērš apmeklētāju uzmanību.
Sintakse
<body background="URL">...</body>
Argumenti
Jebkura pieļaujama attēla adrese — var izmantot absolūtu vai relatīvu ceļu uz failu.
Noklusētā vērtība
Nav.
CSS analogs
BODY { background: url('ceļš uz failu') }
Piemērs 3. Fona attēla uzstādīšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs background</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="/images/snow.gif">
...
</body>
</html>
Parametrs BGCOLOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda web-lapas fona krāsu. Var izmantot paralēli ar background, pieskaņojot fona krāsu fona attēlam
Sintakse
<body bgcolor=krāsa>...</body>
Argumenti
Skat. parametru ALINK.
Noklusētā vērtība
Atkarīga no pārlūka un tā versijas, taču parasti tiek izmantota balta fona krāsa.
CSS analogs
BODY { background: krāsa }
Piemērs 4. Web-lapas fona krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs bgcolor</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#A0BEC4">
...
</body>
</html>
Parametrs BGPROPERTIES
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pēc noklusējuma fona attēls "skrollējas" kopā ar web-lapas saturu. Izmantojot parametru bgproperties var nofiksēt fonu vienā vietā un, tādējādi, piespiest "skrollēties" tikai web-lapas saturam. Šāda īpašība lapām tiek pielietota reti, tādējādi lietotājiem var šķist dīvaina un neierasta.
Sintakse
<body bgproperties="fixed">...</body>
Argumenti
Pastāv tikai viena vērtība - fixed, kura fiksē fonu. Ja vajadzīgs lai fons nefiksētos, neizmantojiet tega <BODY> parametru bgproperties, vai arī atstājiet tam tukšu vērtību — "".
Noklusētā vērtība
Nav.
CSS analogs
BODY { background-attachment: fixed | scroll }
Piemērs 5. Fona fiksēšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs bgproperties</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="/images/snow.gif" bgproperties="fixed">
<table height="2000"><tr><td></td></tr></table>
</body>
</html>
Parametrs LEFTMARGIN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka atkāpi no pārlūka kreisās malas līdz lapas saturam.
Sintakse
<body leftmargin="skaitlis">...</body>
Argumenti
Vesels pozitīvs skaitlis, kurš nosaka atkāpi pikseļos.
Noklusētā vērtība
10 pikseļu priekš Windows un 8 pikseļu priekš Macintosh.
CSS analogs
BODY { margin: skaitlis }
Piemērs 6. Atkāpe no kreisās malas
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs leftmargin</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body leftmargin="0">
<p>Teksts pinībā piekļāvies pārlūka loga kreisajai malai</p>
</body>
</html>
Piezīme
- Pārlūks Firefox nesaprot parametru leftmargin, atkāpju uzstādīšanai tajā izmanto parametrus marginwidth — atkāpes pa horizontāli un marginheight — atkāpes pa vertikāli.
- Lai uzstādītu atkāpes no labās malas, no apakšas un augšas tiek izmantoti, attiecīgi, parametri rightmargin, bottommargin un topmargin.
Parametrs LINK
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda neapmeklēto hipersaišu krāsu.
Sintakse
<body link=krāsa>...</body>
Argumenti
Skat. parametru ALINK.
Noklusētā vērtība
#0000FF
CSS analogs
BODY:link { color: krāsa }
Piemērs 7. Hipersaišu krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs link</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body link="#003366">
<p>Обычный текст</p>
<p><a href="zoo.html">Saite uz dokumentu</a></p>
</body>
</html>
Parametrs SCROLL
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parametrs scroll pārvalda "skrolleru" esamību lapā, kad web-lapas saturs pārsniedz pārlūka loga izmērus. Šis parametrs darbojas tikai pārlūkā Internet Explorer.
Sintakse
<body scroll="yes | no">...</body>
Argumenti
yes — attēlo "skrollera" joslu. no — aizliedz attēlot "skrollera" joslu.
Noklusētā vērtība
yes
CSS analogs
BODY { overflow: hidden }
Piemērs 8. "Skrollera" joslas aizliegšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body scroll="no">
<table height="2000"><tr><td></td></tr></table>
</body>
</html>
Parametrs TEXT
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda web-lapā attēlojamā teksta krāsu pēc noklusējuma. Atsevišķu teksta elementu krāsu viegli izmainīt, izmantojot stilus.
Sintakse
<body text="krāsa">...</body>
Argumenti
Skatīt parametru ALINK.
Noklusētā vērtība
#000000
CSS analogs
BODY { color: krāsa }
Piemērs 9. Teksta krāsa web-lapā
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs text</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body text="maroon">
<p>Teksta piemērs</p>
</body>
</html>
Parametrs VLINK
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka apmeklēto hipersaišu krāsu, tas ir, tādu saišu, uz kurām lietotājs jau klikšķinājis.
Sintakse
<body vlink="krāsa">...</body>
Argumenti
Skat. parametru ALINK.
Noklusētā vērtība
#551a8b (Firefox); #800080 (Internet Explorer un Opera).
CSS analogs
BODY:visited { color: krāsa }
Piemērs 10. Apmeklēto hipersaišu krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tegs BODY, parametrs vlink</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body vlink="#660066">
<p>Parasts teksts</p>
<p><a href="zoo.html">Saite uz dokumentu</a></p>
</body>
</html>