o odkazech

Už bys měl/a umět, jak používat základní HTML značky a vložit na svojí stránku obrázek. Nebo snad ne? Najdeš to v předešlém článku!

Co je to a k čemu je odkaz?

Odkaz je párová značka, označuje se <a>. Používá se ke dvěma zásadním funkcím:

• Určitým jménem určuje pozici na stránce, nebo
• Po kliknutí přesune na jinou stránku.

„Klikací odkaz“

Samotná značka <a>...</a> v podstatě nic nedělá. Klikací odkaz z ní potom vytvoříme tak, že přidáme argument href:

<p><a href="https://google.com">Klikni pro přesměrování</a></p>

Odkaz <a> by neměl být na webovce samostatně, ale uvnitř jiného tagu. Třeba odstavce.

Takový kód nás po kliknutí přesune na google. Všimni si ale, že pokud uvádím cizí stránku z internetu, musím začít s https:// (případně http://).

Ne vždy ale chci odkazovat na cizí weby, ale potřebuji poslat uživatele na jiný soubor. Jak to udělám? Do atributu href napíšu cestu k souboru (stejně jako u obrázku - viz předchozí článek). A vypadá to takhle:

<p><a href="soubor2.html">Druhá stránka</a></p>

Další atributy

Abychom pozměnili vlastnosti při kliknutí, můžeme přidat ještě další atributy:

• target="_blank" zaručí, že se odkaz otevře v novém okně.

<p><a href="podslozka/stranka.html" target="_blank">Stránka</a></p>

• download -  v překladu „stáhnout“ - je netradiční atribut. Nemá totiž žádnou hodnotu v uvozovkách. Pokud jej do tagu přidám, odkaz po kliknutí nepřesune, ale stáhne soubor, na který odkazuje.

<p><a href="soubory/videohra.zip" download>Klikni pro stažení!</a></p>

Dobrá, existuje ještě jedno, „tradičnější“ použití tagu download. Můžu nastavit, jak chci, aby se stažený soubor jmenoval, a to bez ohledu na to, jak ho mám uložený u sebe. Používám download="mujnazev.zip". Přípona by se měla shodovat.

Pozor, oba zmíněné atributy nefungují v normě XHTML. Byly přidány až v novější normě.

Označení pozice na stránce

Použijeme-li (jen) atribut name, můžeme označit určitou pozici stránky. Na ni jde potom odkázat v klikacím odkazu pomocí href="#jmeno"!

<p><a href="#konec">Dostaň se na konec stránky!</a></p>
<!-- Zde může být obsah stránky -->
<a name="konec"></a>
<p>Tady je konec stránky!</p>

Pomocí <!-- Text --> označuji komentář. Ten je vidět jen ve zdrojovém kódu a na stránce se neukáže.

Pozic můžu vytvořit kolik chci. Tento způsob jejich vytváření je ale již zastaralý. Použít ho asi můžeš, ale zpravidla se používá něco jiného (a to atribut id) - o tom se nyní zmiňovat nebudu.

Ještě jednou...

Jedná-li se o klikací odkaz, musím použít atribut href. Odkazuji-li na soubor na mém webu, zadám pouze cestu k souboru (třeba href="../slozka/soubor.html"). Jedná-li se o cizí web, musím přidat https:// nebo http://.

Tohle jde ještě kombinovat, tj. můžu odkázat na určitou pozici v jiném souboru: href="slozka/stranka.html#pozice".

Pozici na stránce pak vytvořím odkazem s atributem name. Takový odkaz nemá atribut href!

Další článek najdeš tady!