Textové odkazy

Textový odkaz předpokládám z hlediska uživatele znáte - text, který vás po kliknutí zavede na jinou stránku, obrázek atd.

<a href='cesta k souboru'>text odkazu</a>

Tag <a> je párový a pro jeho zápis platí stejná pravidla, o kterých jsme si už říkali. Cesta k souboru se většinou uvádí v relativním tvaru (viz předchozí kapitola), pouze např. při odkazech na jiné weby je třeba použít adresu absolutní. V takovém případě nezapomeňte na to, že adresa musí být kompletní, tj. včetně http:// .

Zápis odkazu

<a href='obrazek.jpg'>obrázek</a>

Takto vytvoříte slovo "obrázek", které bude fungovat jako odkaz na soubor obrazek.jpg - tj. po kliknutí na něj se bude ve stejném adresáři hledat soubor obrazek.jpg a ten se zobrazí. Pokud je soubor, na který se odkazujete, jinde než ve stejném adresáři, musíte se napsat relativní cestu k tomuto souboru (viz kapitola o relativních a absolutních adresách).

<a href='stranka.htm'>stránka</a>

Tento odkaz vás zavede na stránku s názvem "stranka.htm"; pro její umístění platí to, co bylo řečeno výše o obrázku.

<a href='http://www.seznam.cz'>Seznam</a>

A tento odkaz vede úplně mimo váš web; je použita adresa v absolutním formátu, protože ať už budeme kdekoli, chceme se dostat prostě na Seznam.

Příklad s odkazy

Podle následujících vzorů si vytvořte dva soubory a podívejte se, jak to funguje v praxi.

stranka1.html:

<body>
<h1>Zkušební stránka - číslo JEDNA</h1>
<p>Toto je první stránka, a z ní vede <a href='stranka2.html'>odkaz na druhou stránku</a>.</p>
</body>

stranka2.html:

<body>
<h1>Zkušební stránka - číslo DVĚ</h1>
<p>Toto je druhá stránka, na kterou jsme se dostali z naší <a href='stranka1.html'>první stránky</a>.</p>
</body>

zobrazit tento příklad


Firefox: Prohlížeč, kterému můžete věřit
píše -dis- bb(zavináč)choltice.eu