Odkazy

Nejdůležitější součást, bez které se snad žádná stránka neobejde, jsou odkazy. Ty mohou mít různou podobu (text, grafika nebo tlačítko). Jedno je ale společné (vynecháme-li zatím tlačítka). Jsou umístěny mezi tagy <A href="..."> a </A>.
Jako hodnotu HREF určíme cestu k žádanému souboru. Ta může být relativní nebo absolutní. Vhodnější je používat relativní a to hlavně z důvodu lepší přenositelnosti a větší přehlednosti kódu.

Zde je pár příkladů pro lepší pochopení sestavování relativní cesty. Představte si, že aktivní dokument je na adrese www.neco.cz/firma/produkty/index.html

Jak již bylo podotknuto v minulém díle, měla by každá složka obsahovat soubor index.html, který se objeví, pokud nezadáme přesnou adresu včetně souboru. I toho se dá využít v odkazech.

Absolutní cestu je vhodné použít tam, kde odkazujeme úplně na jiný server. Pro správnou interpretaci některými prohlížeči (hlavně IE) je nutné, aby odkaz obsahoval i počáteční http://.

Aby odkaz vypovídal ještě více o tom, kam směřuje, můžete využít vlastnosti TITLE. Text, který napíšete do této vlastnosti, bude zobrazen v nápovědné bublině (www.chip.cz). Nezapomeňte ale, že bublina se zobrazuje pouze v některých prohlížečích.

Odkazovat může i na jinou část dokumentu. Nejprve pomocí vlastnosti NAME definujeme na požadovaném místě záložku a poté můžeme jménem záložky, kterému předchází znak #, odkázat na ono místo. Pro názvy záložek by se opět (stejně jako v případě názvů souborů) mělo používat malých písmen a číslic. Jméno záložky musí být v rámci dokumentu jedinečné.
Odkazovat lze i na záložku, která je v jiném dokumentu a to ve tvaru soubor#zalozka. Typickým využitím může být tvorba obsahu nějaké rozsáhlé stránky.

Chceme-li místo textu přiřadit odkaz grafickému prvku, nahraďte text mezi <A> a </A> požadovaným obrázkem.

U tlačítek je to jednodušší. Omezením ale je, že musí být definováno (kvůli správné interpretaci v Netscape) ve formuláři a je tedy automaticky zobrazován na samostatném řádku. Pokud to tedy není nutné, používejte standardní odkazy. Tlačítko přidáte takto: <form><input type="button" value="description" onClick="window.location.href='ceny.html'"></form>.

Program umí vkládat odkazy do stránky dvěma způsoby. Prvním je vložení prázdné struktury odkazu (a doplnění pomocí Tag inspektoru), druhým je vytvoření odkazu z vybraného textu (použije se jako odkaz i jako text stránky). Použít můžete tlačítka 11 a 12 ze spodního panelu tlačítek.