Učimo vas kako izraditi web stranicu i programirati
 



HTML Osnove

Pozadina (Background)

1. Boja pozadine web stranice

Kod nekih starih browsera (npr. Netscape) predefinirana (default) boja pozadine je siva no kod većine drugih je bijela. Da bi se izbjegle različitosti ovakve vrste potrebno je definirati pozadinsku boju. Jedan od načina je da se unutar <body> taga upotrebivši atribut bgcolor napiše <body bgcolor="#0000FF"> .

Primjer 'Bojanje pozadine pomoću HTML atributa': vidi code » vidi stranicu


2. Slika kao pozadina

Često puta ćete poželjeti umjesto nekakve suhoparne boje postaviti sliku. Pri tome morate paziti da ta slika nije memorijski previše velika pa bi učitavanje vaše stranice trajalo jako dugo.

    To ćete uraditi na slijedeći način :
  1. ako je slika u istom direktoriju <body background="./slika.jpg">
  2. ako je slika u direktoriju iznad <body background="../slika.jpg">
  3. ako je slika u direktoriju slike <body background="../slike/slika.jpg">

Primjer 'Bojanje pozadine pomoću HTML atributa': vidi code » vidi stranicu



Napomena: Oznaka ./ označava trenutni direktorij u kojem je naša web stranica, a ../ označava gornji direktorij, što je tipično za Linux. Takođe, može biti ../../slika.jpg ako je slika 2 direktorija iznad. Na taj način se postiže potpuni (relativni) put do naše slike. Drugi način je da se upotrijebi apsolutni put (URL) npr. http://www.bezveze.hr/slike/slika.jpg .



Za pozadinu može se iskoristiti i animirana slika pa će pozadina izgledati kao u primjeru dolje:

Primjer 'Animirana pozadina': vidi code » vidi stranicu


3. CSS

Budući da je HTML atribut background zastario koriste se CSS svojstva:

 background-image: url('paper.gif');
 background-color: #cccccc;
 background-repeat: repeat-x;
 background-position:right top;
 
 background:#ffffff url('img_tree.png') no-repeat right top;

No o ovome će biti riječ u CSS priručnicima.




| Uvjeti Korištenja | Zaštita Privatnosti | Kontakt |