Interní odkazy v HTML

V předchozí lekci jsme vytvářeli odkazy na stránky cizích webů kopírováním jejich adresy z adresního řádku prohlížeče. Nyní předpokládejme, že chcete propojit odkazy stránky vlastního webu.

V takovém případě nelze jejich adresy kopírovat z adresního řádku. Důvodem je, že takové adresy budou obsahovat úplnou cestu k vaší stránce od kořenového disku vašeho počítače a při přesunu do jiné složky takové odkazy jednoduše přestanou fungovat.

Pro stránky vlastního webu by se měl praktikovat jiný přístup. Prostudujme si jej na příkladu. Předpokládejme, že v kořenové složce vašeho webu je umístěn soubor index.html a soubor page.html. Propojme tyto soubory odkazy. K tomu je třeba do atributu href odkazů jednoduše napsat názvy těchto souborů (s jejich příponou). Pojďme to udělat.

Na stránce index.html vytvoříme odkaz na stránku page.html:

index.html<h1>Index</h1>
<a href="page.html">odkaz na stránku</a>

A na stránce page.html vytvoříme odkaz na stránku index.html:

page.html<h1>Stránka</h1>
<a href="index.html">odkaz na index</a>