Povratak na pocetnu stranicu o HTML-u | Stranica vjezbi| Hrvatski znakovi u HTML-u



Boja pozadine i teksta

Tag <body> omogucava nam i da definiramo boju pozadine. Za to imamo atribut bgcolor. Njegovu vrijednost mozemo specificirati na tri nacina: kao heksadecimalni broj, kao RGB vrijednost (RGB=red, green, blue) ili engleskim imenom boje. Na primjer, sva tri sljedeca retka definiraju pozadinsku boju stranice na crno:

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Koristeci ista tri nacina mozemo specificirati i boju teksta. Za to imamo atribut text taga <body>. Vazno je paziti da pri izboru boja ne ucinimo stranicu necitljivom.

Zadatak 11: Ubacite u svoju stranicu umjesto taga <body> sljedece:

<body bgcolor="#ffffff" text="yellow">. 

Kao sto vidimo ovo je jako los izbor boja. Eksperimentirajte s bojom teksta i pozadine da dobijete ugodniju kombinaciju.

Kako dobiti boju koju trebamo?

Boje se prikazuju kombiniranjem crvene, zelene i plave boje (RGB). Najniza vrijednost koju mozemo pridjeliti nekoj od tih boja je 0 (hex #00) a najvisa je 255 (hex #FF). Neke od boja dobivene na taj nacin:

Boja Boja HEX Boja RGB
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

Takvo kombiniranje crvene, zelene i plave daje nam vise od 16 miliona boja medju kojima mozemo birati (256x256x256). Nijanse crvene, zelene i plave dobivamo tako da drzimo druge dvije na nuli, a povecavamo odnosno smanjujemo kolicinu zeljene boje. Siva se boja dobiva kad stavimo sve tri boje u jednakim omjerima:

  RGB(0,0,0)  #000000 
  RGB(8,8,8)  #080808 
  RGB(16,16,16)  #101010 
  RGB(24,24,24)  #181818 
  RGB(32,32,32)  #202020 
  RGB(40,40,40)  #282828 
  RGB(48,48,48)  #303030 
  RGB(56,56,56)  #383838 
  RGB(64,64,64)  #404040 
  RGB(72,72,72)  #484848 
  RGB(80,80,80)  #505050 
  RGB(88,88,88)  #585858 
  RGB(96,96,96)  #606060 
  RGB(104,104,104)  #686868 
  RGB(112,112,112)  #707070 
  RGB(120,120,120)  #787878 
  RGB(128,128,128)  #808080 
  RGB(136,136,136)  #888888 
  RGB(144,144,144)  #909090 
  RGB(152,152,152)  #989898 
  RGB(160,160,160)  #A0A0A0 
  RGB(168,168,168)  #A8A8A8 
  RGB(176,176,176)  #B0B0B0 
  RGB(184,184,184)  #B8B8B8 
  RGB(192,192,192)  #C0C0C0 
  RGB(200,200,200)  #C8C8C8 
  RGB(208,208,208)  #D0D0D0 
  RGB(216,216,216)  #D8D8D8 
  RGB(224,224,224)  #E0E0E0 
  RGB(232,232,232)  #E8E8E8 
  RGB(240,240,240)  #F0F0F0 
  RGB(248,248,248)  #F8F8F8 
  RGB(255,255,255)  #FFFFFF 

Imena bojama mogu se davati i izravno, putem njihovih engleskih naziva. To nam suzava mogucnost eksperimentiranja s nijansama, a cak moze i izazvati probleme u prikazu u nekim situacijama. Medjutim, ima 16 boja nazivi kojih su univerzalno propisani i prihvaceni, i mogu se sa sigurnoscu koristiti: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, i yellow.

Pomagalo za odredjivanje heksadecimalnih kodova zeljene boje sa "degiorgia" (by. V.Sego)

Napomena: Ponekad se iz raznih razloga kada imamo postavljenu sliku kao pozadinu, pozadinska slika ne ucita. Da bi se izbjegla ta (rijetka) situacija, dobra je praksa cak i kad imamo definiranu sliku kao pozadinu definirati pozadinsku boju, koja ce se onda prikazati ukoliko slika ne uspije.



ak.god. 2007/08