HTML KNJIGA |
DODAVANJE BOJA |
|
||||
U prethodnom primjeru dobiti smo tekst ispisan crnim slovima na bijeloj pozadini. Međutim, kao što vrlo dobro znamo, na Web stranicama se pozadina i tekst mogu pojaviti u čitavom spektru boja. Da bi to postigli potrebno je dodati još neka objašnjenja u okviru našeg <body> taga. Dodatna objašnjenja HTML taga nazivaju se atributi. Atributi se unose u početni tag i služe da detaljnije opišu dati tag. Na primjer, ako želimo promijeniti boju pozadine u žutu tada ćemo unutar <body> taga dodati: <body bgcolor="#ffff00"> Dakle, vidimo da se boja pozadine određuje bgcolor
atributom koji je dio <body> taga. Poslije svakog atributa se stavlja
znak jednakosti koji služi za dodijelu vrijednosti datom atributu, a vrijednost
atributa se obvezno stavlja između znakova navoda. Kod kreiranja Web stranica možemo se koristiti tablicom
boja sa njihovim nazivima i heksadecimalnim kodom. Boje su poredane po
abecednom redu, a kad nam se neka boja dopadne kopirajmo (copy) njen kod Boja teksta se odredjuje text atributom. Ako želimo da naša stranica ima zelena slova na žutoj pozadini stavićemo: <body bgcolor="#ffff00" text="#008000"> Ono što HTML čini izuzetnim, i što je uvjetovalo njegovu veliku popularnost jesu tzv. linkovi. Linkovi u HTML dokumentu su one riječi koje se pojavljuju u drugoj boji i podvučene su radi lakšeg uočavanja, a omogućavaju vam da se jednim klikom miša nađemo na nekom sasvim drugom sajtu koji se može nalaziti i na drugom kraju svijeta.Kad dovedemo pokazivač miša iznad linka desiće se dvije stvari: pokazivač miša će se pretvoriti u ruku sa ispruženim prstom (što simbolično govori da tu možete kliknuti), a sam link će promijeniti boju (obično u crvenu, ako drugačije ne definiramo). Osim toga boja linkova koje smo već posjetili biće drugačija od ostalih linkova, kako bi imali orijentaciju što smo već vidjeli, a što nam još ostaje da posjetimo. Boje linkova se mogu definirati pomoću tri atributa: link,
vlink i alink. Na primjer, ako želimo da na našim <body link="#0000ff" vlink="#ee82ee" alink="#ff0000"> Sve ove atribute možemo i izostaviti ako želimo da browser koristi vrijednosti koje su definirane po default-u. U Internet Exploreru pozadina je po default-u bijela, tekst crn, linkovi plavi, posjećeni linkovi maslinasto-zeleni, a aktivni linkovi crveni. Ako nam se sviđa ova shema boja, nemojmo ništa mijenjati.Međutim, šta ako nismo zadovoljni jednobojnom pozadinom,
vec želimo imati bogato ukrašenu pozadinu kakve često srećemo na
Web stranicama. U tom slučaju moramo staviti kao pozadinu neku sliku u JPEG ili
GIF formatu. Ovo su obično male sličice koje se brzo učitavaju i
"tajluju" (redaju poput pločica , eng. tile). Ove pozadine (eng.
background) možemo pronaći u raznim kolekcijama WEB grafike širom Interneta,
a možemo i "usnimiti" pozadinu sa Web stranica koja nam se
dopadne.
To se postiže na slijedeći način: Kada ste odabrali pozadinu koju želimo staviti na našu
Web stranicu, prvi korak je da taj fajl prekopiramo u folder u kom se nalazi i
naša prezentacija. Slika i HTML dokument ne moraju obvezno biti u
istom folderu ali tako je jednostavnije.) Sad još samo preostaje da u našem HTML
dokumentu tj. njegovom body tagu upišemo odgovarajuci atribut. Atribut se u ovom
slučaju zove background i bilo bi poželjno da ga ne pomiješate sa atributom
bgcolor koji definira samo boju pozadine. <body background="pozadina1.jpg" bgcolor="#000000"> Kao što vidimo ubacili smo i background i bgcolor tag, i
to ne slučajno. O čemu se radi? Pa mnogi ljudi sa
sporijim modemima prilikom surfovanja Internetom isključuju u svojim browserima automatsko
učitavanje grafike. |
||||||
|