Počítačové znalosti
Počítačové znalosti
Ukotvení (anchor) se již dlouho používá k propojení na konkrétní části webových stránek. Kotva se skládá z hypertextového odkazu (<a>) a cílového elementu – např. nadpisu, odstavce, obrázku či <div> – který má přiřazený atribut id. Stačí, když má div definované id, lze jej použít jako kotvu.
HTML kotva používá značku <a> a odkazuje na element podle jeho atributu id (dříve se používal name, který je dnes zastaralý). Místo odkazu na celý soubor můžete vytvořit odkaz přímo na konkrétní id na aktuální nebo jiné stránce.
Kotvy jsou užitečné hlavně u dlouhých textů. Umožňují vytvořit obsah (table of contents) s odkazy na jednotlivé sekce, nebo „skokové“ odkazy, které vrací uživatele na začátek stránky a šetří tak nekonečné scrollování. Navíc můžete odkázat na konkrétní část jiné stránky.
div elementuStačí přidat atribut id do div a můžete na něj odkazovat pomocí značky <a>:
<div id="my_div">Obsah...</div>
<a href="#my_div">Přejít na obsah</a>
Identifikátor id je pak dostupný nejen pro odkazy, ale i pro CSS a JavaScript.
divPro vytvoření odkazu nastavíte atribut href značky <a> na hodnotu #my_div. Příklad:
<a href="#my_div">Přejít na můj obsah</a>
<a href="page2.html#my_div">Přejít na můj obsah na stránce 2</a>
První odkaz přesměruje uživatele na element s id="my_div" na téže stránce, druhý načte jinou stránku a automaticky skočí na požadovaný div.
HTML odkazy mezi webovými stránkami jsou lepidlem, které spojuje celou World Wide Web. Bez odkazů by neexistovala „pavučina“ – jen nespojené izolované stránky. Odkazy jsou základním prvkem fungování webu, jsou velmi flexibilní a snadno se učí.Krok 1 – Základní syntaxe a terminologieHTML odkaz se zap
Úvod Element div slouží k seskupení dalších prvků na webové stránce. Existují dva způsoby, jak „schovat“ div: nastavením visibility:hidden nebo „zhroutěním“ (collapse). První metoda pouze skryje obsah, ale ponechává prázdný prostor. Zhroutěním se tento prostor odstraní a stránka se automaticky přizp