Az HTML dokumentumokban a fájlok útvonalai azonosítják a fájlok helyét a szerver könyvtárstruktúrájában. A fájlok útvonalai abszolút vagy relatív lehetnek.
Abszolút útvonal
Az abszolút útvonal a fájl teljes elérési útját jelzi, azaz azt az útvonalat, amely a fájlt a szerver gyökérkönyvtárától egészen a fájlig tartalmazza. Például:
<img src="/images/logo.png" alt="Logó">
Ez az útvonal a /images/logo.png fájlt jelzi a szerver gyökérkönyvtárában.
Relatív útvonal
A relatív útvonal a fájl elérési útját az aktuális HTML dokumentumhoz viszonyítva adja meg. A relatív útvonalak segítségével a fájlokat a dokumentumtól való távolságuk szerint lehet meghatározni.
Például, ha a logo.png fájl a /images könyvtárban található, és az aktuális HTML dokumentum a /pages könyvtárban van, akkor a fájl útvonala a következő lehet:
<img src="../images/logo.png" alt="Logó">
Ebben az esetben a ../ rész azt jelenti, hogy a fájl egy szinttel feljebb található az aktuális dokumentumnál.
Ha a fájl azonos könyvtárban van az aktuális dokumentummal, akkor az útvonalat úgy adhatjuk meg, hogy nem adjuk meg a könyvtár nevét:
<img src="logo.png" alt="Logó">
A relatív útvonalak használata előnyös, mert így a dokumentumokat más helyekre mozgatva is működni fognak, anélkül, hogy az útvonalakat módosítanánk.
Fontos megjegyezni, hogy a relatív útvonalak csak akkor működnek megfelelően, ha az aktuális dokumentum és a fájl ugyanabban a könyvtárban van, vagy ha a fájl egy szinttel feljebb található az aktuális dokumentumnál. Ha több szinttel feljebb található a fájl, akkor több ../ részt kell hozzáadni az útvonalhoz.