150 likes | 351 Views
DODAVANJE BOJA. u prethodnom primeru dobi l i smo tekst ispisan crnim slovima na beloj pozadini. na w eb stranicama se pozadina i tekst mogu pojaviti u čitavom spektru boja. d a bi to postigli potrebno je dodati još neka objašnjenja u okviru našeg <body> taga.
E N D
DODAVANJE BOJA u prethodnom primeru dobili smo tekst ispisan crnim slovima na beloj pozadini. 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.
DODAVANJE BOJA • boja pozadine se određuje bgcolor atributom koji je deo <body> taga. • ako želimo da promenimo boju pozadine u žutu tada ćemo unutar <body> taga dodati: • <body bgcolor="#ffff00">ili:<body bgcolor="yellow">što daje isti krajnji efekat.
DODAVANJE BOJA • posle svakog atributa se stavlja znak jednakosti koji služi za dodelu vrednosti datom atributu, a vrednost atributa se obvezno stavlja između znakova navoda. • kod kreiranja Web stranica možemo se koristiti tabelom boja sa njihovim nazivima i heksadecimalnim kodom. • kad nam se neka boja dopadne kopiramo njen kod (rrggbb vrednost) na našu Web stranicu. • http://www.bojezivota.rs/tekstovi/140-boja-koje-podrzavaju-web-pregledaci.htm
BOJE TEKSTA • boja teksta se određuje text atributom. • ako želimo da naša stranica ima zelena slova na žutoj pozadini stavićemo: • <body bgcolor="#ffff00" text="#008000">
BOJE LINKOVA • ono što HTML čini posebnim su tzv. linkovi. • linkovi u HTML dokumentu su one reči koje se pojavljuju u drugoj boji i podvučene su radi lakšeg uočavanja • omogućavaju vam da se jednim klikom miša nađemo na nekom sasvim drugom sajtu • kad dovedemo pokazivač miša iznad linka desiće se dve stvari: pokazivač miša će se pretvoriti u ruku sa ispruženim prstom link će promeniti boju (obično u crvenu, ako drugačije ne definišemo) • boja linkova koje smo već posetili biće drugačija od ostalih linkova, kako bi imali orijentaciju što smo već videli
BOJE LINKOVA • boje linkova se mogu definisati pomoću tri atributa: link, vlink i alink. na primer, ako želimo da na našim Web stranicama linkovi budu plavi, posećeni linkovi ljubičasti, a aktivni linkovi crveni stavimo: • <body link="#0000ff" vlink="#ee82ee" alink="#ff0000"> • sve ove atribute možemo i izostaviti • ako želimo da browser koristi vrednosti koje su definisane po default-u. • u Internet Exploreru pozadina je po default-u bela, tekst crn, linkovi plavi, posećeni linkovi maslinasto-zeleni, a aktivni linkovi crveni.
DODAVANJE POZADINA • ako želimo da postavimo pozadinu kakve često srećemo na Web stranicama onda treba da kao pozadinu stavimo neku sliku u JPEG ili GIF formatu. • radi se o malim sličicama koje se brzo učitavaju i "tajluju" (ređaju poput pločica , eng. tile).
DODAVANJE POZADINA • ove pozadine (eng. background) možemo pronaći u raznim kolekcijama WEB grafike širom Interneta • google – background html- pictures
DODAVANJE POZADINA • nakon odabiranja pozadine koju želimo da stavimo 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.
DODAVANJE BOJA • zatim teba 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 pomešamo sa atributom bgcolor koji definiša samo boju pozadine
DODAVANJE POZADINA • na primer, ako želimo da kao pozadinu stavimo sliku "pozadina1.jpg" tada će body tag izgledati ovako: • <body background="pozadina1.jpg" bgcolor="#000000"> • treba ubaciti i background i bgcolor tag zato što se bleda (ili bela) slova na beloj pozadini neće videti. • zato uvek dodelimo i neku bojuj pozadini tako da u gore opisanoj situaciji slova i dalje budu čitljiva.
PRIMER <HTML> <HEAD> <TITLE> Boje pozadine i slova</TITLE> </HEAD> <BODY BGCOLOR="#FFFF00" TEXT="#FF0000"> <H1>Ovaj naslov je crven zbog atributa TEXT</H1> <BR><BR> <H1><FONT COLOR="#0000FF"> a ovaj naslov je plav zbog etikete FONT </FONT> </H1> </BODY> </HTML>