Odkaz je párový prvek ohraničený značkou <a></a>. Text (obecněji část html kódu), který je mezi značkami <a></a> je následně zobrazován jako samotný odkaz. Důležitým povinným parametrem prvku <a> je href, který obsahuje URL cílového odkazu.

Rozlišujeme dva druhy odkazů. Prvním druhem je absolutní odkaz, kde jako cíl odkazů uvádíme URL (Uniform Request Locator). Ten se skládá ze tří částí: Protokolu, názvu serveru a cesty k cílovemu souboru. Přenosový protokol je dle RFC standardů navržený způsob přenosu dat. Přenosovým protokolem pro WWW je HTTP (HyperText Transfer Protokol), který se v URL zapisuje jako http:// (znaky :// jsou povinným oddělovačem mezi protokolem a názvem počítače v URL). Druhým nejčastěji používaným protokolem v odkazech je File Transfer Protocol používaný pro přenos souborů (vznikl mnohem dříve než HTTP). V URL se zapisuje ftp://. Názvem serveru může být buďto IP adresa ve tvaru 195.113.52.6 nebo doménový název , např. www.jinonice.cuni.cz (pozor, verze s IP adresou dnes málokdy funguje kvůli nastavení virtuálních serverů, ale například http://193.85.233.22 takto funguje). Třetí, i když ne úplně povinnou, součástí je cesta k cílovému objektu. Ta je nepovinná v tom smyslu, že není-li uvedena, použije se přednastavená cesta pro daný server. Tedy například ve výsledku je http://webkurz.kvalitne.cz totéž co http://webkurz.kvalitne.cz/index.html, protože index.html je přenastavená cesta pro server webkurz.kvalitne.cz. Trochu delší odkaz může pak vypadat například takto: http://webkurz.kvalitne.cz/tutorial/obrazky_odkazy.html.

Druhým druhem odkazu je odkaz relativní. Pomocí relativních odkazů se vytváří složitější HTML prezentace. Relativní odkaz neobsahuje ani přenosový protokol, ani název serveru, ale pouze cestu k cílovému souboru v rámci jednoho serveru. Je-li například na stejném místě, jako je tento soubor, vytvořen adresář podsoubory a v něm se nalézá souboru odkaz_zpet.html, bude výsledný relativní odkaz vypadat takto: <a href="podsoubory/odkaz_zpet.html">Podsoubor</a> a fungovat takto: Podsoubor.

Poznámky:

• Nejčastější chybou je, že u absolutního odkazu zapomenete uvést protokol. Prohlížeč se pak marně snaží najít lokální adresář www.jinonice.cuni.cz.
• V URL se pro oddělování adresářů vždy používá normální lomítko "/". Zpětné lomítko "\" používají v cestách k souborům pouze u firmy Microsoft, což vede ke všem těm problémům s mezerami v cestách k souborům, se kterými se v produktech Microsoftu setkáte (v Unixu se cesta s mezerou řeší takto: /data/podadresar\ s\ mezerou/dalsi, kde "dalsi" je podadresar adresare "podadresar s mezerou" a ten je podadresarem adresare "data").
• Taktéž z Unixu pochází pravidlo, že v názvech souborů a adresářů se rozlišují velká a malá písmena, čili http://webkurz.kvalitne.cz/index2.html a http://webkurz.kvalitne.cz/Index2.html jsou dvě zcela odlišná URL.

Následuje ukázka "grafického menu". Formátování odkazů pro menu naleznete ve stylech. Formát pro prvek s id menu je uvozen "#menu a". Věnujte pozornost i pseudotřídě :hover. Je zde taktéž ukázka, jak využít parametru "name" pro záložky.