Všeobecné - Adresy

Je veľmi dôležité pochopiť internetové adresy URL, keďže sa pri tvorbe Webu používajú veľmi často. Delíme ich na absolútne a relatívne.

Absolútne adresy

Väčšinou ich používame pri odkazoch smerujúcich mimo naše stránky. Obsahujú protokol (http://, ftp://,...), kompletný názov webovej adresy (www.nieco.sk, xyz.com, niekto.nieco.server.cz/~uzivatel a pod.) a úplnú cestu k súboru (ak je to potrebné). Ukážeme si príklady:

http://www.stranky.sk
http://web-pages.com/
ftp://ftp.downloading.com
http://www.skolsky-server.sk/~moje_meno/
  priecinok/subor.html
ftp://subory.sk/hry/arkady/arcade.exe

Relatívne adresy

Vzťahujú sa k aktuálnemu priečinku, ktorý musíme poznať. Ak je absolútna adresa súboru http://nieco.sk/adr/subor1.html, aktuálny priečinok bude http://nieco.sk/adr.

Teraz, ak chceme odkázať na súbor subor2.html v aktuálnom adresári, stačí použiť názov:

subor2.html

Ak by mal žiadaný súbor adresu http://nieco.sk/adr/adr2/subor3.html, jeho relatívna adresa bude:

adr2/subor3.html

V prípade, že jeho adresa je http://nieco.sk/subor4.html, bude to vyzerať nasledovne:

../subor4.html

Pomocou znakov .. (dve bodky) sa teda vrátime o jeden adresár vyššie.

Ak je na začiatku adresy lomítko, značí to domovský priečinok (http://nieco.sk/). V našom prípade je teda správny aj zápis:

/subor4.html

Adresy v CSS

Ak chceme použiť názov súboru vo vlastnosti CSS, treba relatívnu alebo absolútnu adresu zapísať v jednom z tvarov:

url(adresa)
url('adresa')
url("adresa")

Napríklad tieto zápisy sú správne:

body {background: url(http://x.sk/obr.jpg)}
.pestre {background-image: url('p.gif')}
.dole {background-image: url("dole.png")}