Kezdőlap | Levelek | Udvar | Pince | kert |

A fenti sorokban láthatunk öt hivatkozást:

- Első, a kezdőlap html fájlra utal.
- Második, a levelek.html fájlra utal.
- Harmadik, a udvar.html fájlra utal.
- Negyedik, a pince.html fájlra utal.
- Ötödik, a kert.html fájlra utal.

Ezek ismeretében, nincs más dolgunk,mint létrehozni a hivatkozási parancsokat.

Példa: A felső hivatkozási sorban található, kezdőlapra történő hivatkozás, elkészítése:

- Elérési út meghatározását, a felső idézőjellel kezdjük: ( " )
- Kilépünk az udvar nevű mappából vissza a főmappába, kettő pontot írunk: ( .. )
- Elválasztjuk egymástól az útvonal meghatározásait: ( / )
- Beírjuk weblapunk dokumentumát tartalmazó html - fájl nevét: ( kezdolap )
- Beírjuk a fájlnevet és a kiterjesztését elválasztó pontot: ( . )
- Az elérési útvonal beírását, a felső idézőjellel fejezzük be: ( " )

A kezdőlapra történő hivatkozás megírása XHTML lapon:
<a href="../kezdolap.html"> Kezdőlap </a> |

További négy hivatkozás leírása:
<a href="../levelek.html">Levelek</a> | <a href="../udvar/udvar.html">Udvar</a> |
<a href="../pince/pince.html">Pince</a> | <a href="../udvar/kert/kert.html">kert</a> |

A függőleges vonal ( | ) beírásához:
Tartsuk lenyomva az ALT billentyűt, és írjuk be a 0124 számsort.

Dokumentumunkban lévő, általunk kiválasztott szóval történő hivatkozás.
Ezeket a parancsokat, közvetlen a szövegsorban helyezzük el.

Szöveg megírása XHTML lapon:

Ezen bemutató szövegsorból is, egy kattintásra visszajutunk a hivatkozások, azaz navigálások témakörének gyűjteményéhez, ha az itt látható <a href="../hivatkozas.html"> kezdőlap </a> szóra kattintunk.

Megjelenése a monitoron:

Ezen bemutató szövegsorból is, egy kattintásra visszajutunk a hivatkozások, azaz navigálások témakörének gyűjteményéhez, ha az itt látható kezdőlap szóra kattintunk.

Főkönyvtárban, azaz főmappában elhelyezett fájlok, és almappák.