Globale linker
HTML
- Intro
- Basis
- Body
- Tekst
- Lister
- Tekstlinker
- Tekstjustering
- Bilder intro
- Bilder
- Imagemap
- Tabeller
- Frames Intro
- Frameset
- Frame
- Target
- Iframe
- Forms
- SSI
- Meta-tagger
- Cond.comment
- Tag-guide
- Søkemotor-optimalisering
<body>
Alt som vises i netleseren ligger mellom <body>-taggene. Her plasseres tabeller, bilder, tekst, animasjoner og filmer.
Html-sidens attributter/egenskaper, som f.eks farge, er attributter til <body>-taggen. Her defineres dokumentets bakgrunnsfarge, eventuelt bakgrunnsbilde, farge på tekst, de forskjellige fargene på de forskjellige linketypene og vi kan også finne Javascriptsnutter her.
Farger settes ved å bruke RGB fargekoder, representert i hexadesimalkode, f.eks:
#FFFFFF (som er hvitt).
RGB står for Red, Green, Blue. Hver fargeenhet kan ha 256 forskjellige verdier, eller intensitet fra 0-255. Hvit har fargekoden 255,255,255 i RGB.
For eksempler se:
http://www.exoticblades.com/tamara/colorchart.html
Hvis det ikke defineres et bakgrunnsfargeattributt i <body>-taggen vil siden kanskje vises med en grå bakgrunnsfarge. Det er derfor vanlig å angi en farge i bodyen.
Default verdier for vanlige elementer som bakgrunnsfarge, tekst, linker, besøkte linker og aktive linker er:
- Bakgrunnsfarge
bgcolor="#FFFFFF" (hvit) - Tekst
font="#000000"(svart) - Linker
link="#0000FF" (blå) - Besøkte linker
vlink (visited link) ="#FF00FF" (lilla) - Aktive linker
alink (active link) ="#FF0000" (rød)
Et komplett oppsett med bakgrunnsfarger, text farger og linkfarger vil f.eks være (hvit bakgrunn, blå link, magenta visited link og gule active links)
<body bgcolor="#FFFFFF" text="#FF0000" link="#0000FF" vlink="#FF00FF" alink="#FFFF00">
Vær forsiktig med å forandre på standard farve på linkene. Brukerne er vant til at ikke-besøkte linker er understreker og blå, at besøkte linker er understreket og lilla, og at aktive linker er understreket og røde. (Linkene i dette avsnittet er kun farveeksempler og virker ikke)
I <body>-taggen kan vi også legge inn bakgrunnsbildeattributtet. Er ikke bakgrunnsbildet stort nok til å dekke hele nettleservinduet, blir det repetert horisontalt og vertikalt, det blir altså «kopiert» og plassert til siden og under hverandre, til nettleserens vindu er fylt. Et bakgrunnsbilde må være i enten .gif eller .jpg format.
Vær forsiktig med å bruke bakgrunnsbilder da det ofte gjør teksten som ligger over vanskelig å lese. Pass på å ha god kontrast mellom bakgrunn og tekst, uansett om du bruker bakgrunnsbilde eller bakgrunnsfarge annet enn hvit. (Hvis du MÅ bruke bakgrunnsbilde så pass også på å inkludere en bakgrunnsfarge i tillegg. Bakgrunnsfargen vil synes i den tiden det tar å laste bakgrunnsbildet.)
Attributtet for bakgrunnsbilde heter background og verdien skal være den relative banen til bildet fra dokumentet.
Kode-eksempel:
<body background="mapleleaf.jpg" bgcolor="#FFFFFF">
NB! Attributtene bgcolor, background, link, alink og vlink er «gått ut» og det anbefales at man istedet bruker CSS. Bruk f.eks: background-color: #FFFFFF; background: url(mappe/bilde.gif); a:link: #0000FF; a:active: #FF0000; a:visited: #FF00FF
Det at attributtene er gått ut betyr ikke at dagens browserene ikke støtter dem, men vi kan risikere at fremtidige nettlesere ikke vil støtte dem. Sjekk sidene til W3C for liste over utgåtte tagger og attributter.
Gå videre til side 4, hvor vi ser på tekst.
