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:
<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:
<h1>Stránka</h1>
<a href="index.html">odkaz na index</a>
Vytvořte tři HTML stránky v kořeni vašeho
webu. Pojmenujte je 1.html, 2.html,
3.html. Propojte tyto stránky odkazy
mezi sebou.
Vytvořte také stránku index.html.
Umístěte na ni odkazy na stránky 1.html,
2.html, 3.html.
Upravte předchozí úlohu tak, aby
se odkazy nacházely v seznamu ul.
