Odkazy

Odkaz (hyperlink) se vytváří pomocí značky <a>, která zároveň slouží pro vytvoření záložky.

Klasický odkaz

<a href="http://www.szestabor.cz/">Odkaz na stránky VOŠ a SZeŠ Tábor</a>

Text odkazu (text, na který bude možno klikat) se nachází uvnitř značek <a>, </a>. Cíl odkazu (adresa zdroje) se zapisuje pomocí atributu href. URL může být:

1) absolutní adresa, např. "http://www.szestabor.cz"

Úkol: Do souboru index.htm pod text 1. Nadpis třetí úrovně vložte text (žlutá barva textového pozadí). Uložte. Zobrazte v prohlížeči. Vyzkoušejte funkčnost odkazu.

2) relativní adresa, odkazující na soubor ve stejném adresáři jako index.htm, např. "odkaz.htm". (Vedoucí do podřazeného adresáře, např. "html/odkaz.htm", nebo vedoucí do nadřazeného adresáře "../index.html" nebo ještě výš "../../index.html").

Úkol: Ve složce, která obsahuje soubor index.htm vytvořte nový textový soubor. Do souboru zapište text Toto je odkaz. Uložte soubor pod názvem odkaz.htm. Do souboru index.htm pod text <a href="http://www.szestabor.cz/">odkaz na stránky VOŠ a SZeŠ Tábor</a>, vložte text <br><a href="odkaz.htm">odkaz na soubor</a>. Značka <br> je uvedena kvůli odřádkování. Uložte. Zobrazte v prohlížeči.

Atribut target

Atribut target specifikuje, kam se má odkaz otevřít. Pokud atribut nepoužijete, odkaz se otevře ve stejném okně. Hodnota _blank otevře nové okno. Další hodnoty se používají pouze v případě, kdy se na stránce vyskytují rámy.

Hodnota

_blank

_top

_parent

_self

Význam

nové okno

nadřazené okno

nadřazený rám

stejný rám

Úkol: Chceme, aby se odkaz na stránky www.szestabor.cz zobrazil v novém okně prohlížeče. Upravte text <a href="http://www.szestabor.cz/">Odkaz na stránky VOŠ a SZeŠ Tábor</a> následovně: <a target="_blank" href="http://www.szestabor.cz/">Odkaz na stránky VOŠ a SZeŠ Tábor</a>. Uložte. Zobrazte v prohlížeči. Vyzkoušejte funkci odkazu na stránky VOŠ a SZeŠ Tábor.

Záložka

Záložka je typ odkazu, který směruje do specifikované části stránky (používá se v dlouhých stránkách). Na místo kam má odkaz směřovat (obvykle k nadpisu) je třeba umístit následující:

<a name="3nadpis"><h2>3. Nadpis druhé úrovně<h2></a>

Odkaz je nyní prázdný a atribut name vytváří název záložky. Nyní na tento nadpis můžeme směřovat odkaz, který bude vypadat (pokud bude odkaz na stejné stránce, na kterou odkazuje):

<a href="#3nadpis">Přejdi na 3. Nadpis druhé úrovně</a>

Úkol: Text <h2>3. Nadpis druhé úrovně<h2> upravte na <a name="3nadpis"><h2>3. Nadpis druhé úrovně<h2></a>.

Pod text <br><a href="odkaz.htm">odkaz na soubor</a> vložte text

<a href="#3nadpis">Přejdi na 3. Nadpis druhé úrovně</a>

<br>Záložka je typ odkazu, který směruje do specifikované části stránky (používá se v dlouhých stránkách).