Kotva

Neboli záložka na stránce

Kotva funguje jako odkaz uvnitř jedné stránky. Přes odkaz si tedy nezobrazíte jinou stránku (web), ale dostanete se na jiné místo na stránce, kterou právě sledujete.

Tvorba kotvy (záložky) má dvě fáze - nejdříve vytvoříte záložku, tedy místo, které se zobrazí po kliknutí na odkaz.

Následně nastavíte odkaz, který Vás přesune na záložku (kotvu).

Kotva se nastavuje přes html kód, ten se vkládá dle tohoto návodu:

https://www.webnode.cz/napoveda/index.php?/Knowledgebase/Article/View/3028/

- obě části kódu je potřeba nastavit přes html, v rámci textových bloků a tlačítek takto odkaz nastavit nejde


1. Tvorba záložky

Na požadované místo vložíte pomocí html kódu záložku. Každou záložku je potřeba nějak pojmenovat, názvy se v rámci jedné stránky nesmí opakovat.
Jako záložku můžete nastavit např. určité místo na stránce (div, span) a nebo nějaký odstavec, tabulku, apod. (p, table).
Pro běžný účel postačí tento html kód:

- namísto xxxxxxxxx zadáte název dané záložky (např. kotva1)


2. Tvorba odkazu

Po kliknutí na odkaz budete přesměrováni na kotvu, odkaz se většinou nastavuje na běžný text, může být ale např. nastavený i na obrázek, apod.

Pro vložení odkazu na část textu použijete tento html kód:

<a href="#xxxxxxxxx">Požadovaný text, na který se kliká</a>

- namísto xxxxxxxxx zadáte název záložky z bodu 1

- mřížka patří mezi uvozovky před název záložky, můžete zkopírovat ..#.., nebo použít klávesou zkratku pravý Alt + X


Příklad

Na větu pod příkladem je nastavená kotva, která vede na bod 1 z tohoto návodu.

U bodu jedna je vložen html:

Věta je vložena přes html:

<a href="#kotva1">Na tuto větu můžete kliknout</a>

La Siesta 2015 | All rights reserved
Powered by Webnode
Create your website for free! This website was made with Webnode. Create your own for free today! Get started