Jak vytvořit a používat záložky v HTML

Jedním z užitečných prvků HTML je značka <a> (anchor), která umožňuje vytvářet interní odkazy – tzv. záložky. Po kliknutí návštěvník přejde na definovanou část stejné stránky, což zlepšuje přehlednost a usnadňuje orientaci.

Jak vytvořit záložku

1. Najděte nadpis, odstavec nebo libovolný prvek, ke kterému chcete přiřadit záložku.

2. Před tento prvek vložte prázdný odkaz s atributem name (nebo id v moderním HTML). Příklad:

<a name="mojeZalohka"></a>
<h2>Kapitolka 1</h2>

Alternativně můžete použít:

<h2 id="mojeZalohka">Kapitolka 1</h2>

Jak na záložku odkazovat

Na místě, kde chcete vytvořit odkaz, vložte další značku <a> s href začínajícím znakem # a názvem záložky:

<a href="#mojeZalohka">Přejít na Kapitolku 1</a>

Text mezi značkami můžete libovolně upravit – bude se zobrazovat jako klikací odkaz.

Dokončení

Uložte soubor a otevřete jej v prohlížeči. Kliknutím na vytvořený odkaz se stránka automaticky posune k definované záložce.