Jak vytvořit a vložit odkaz na web

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 terminologie

HTML odkaz se zapisuje pomocí elementu <a>. Jednoduchý odkaz vypadá takto:
<a href=\"url\">Text odkazu</a>. Atribut href obsahuje adresu stránky, na kterou odkaz směřuje, a text mezi značkami <a> a </a> je to, co se zobrazí uživateli.

Krok 2 – Typy hodnot atributu href

Existují čtyři základní typy adres:

• Absolutní URL – odkazuje na libovolnou stránku na internetu, např. https://www.priklad.cz/stranka.html.
• Relativní URL – odkazuje na soubor ve stejné doméně, např. /slozka/stranka.html.
• E‑mailová adresa – otevře výchozí e‑mailový klient, např. mailto:info@priklad.cz.
• Ukazatel (anchor) – přesune uživatele na konkrétní část stránky, např. #sekce1. V cílové stránce musí být definován odpovídající id nebo name element.

Krok 3 – Zobrazení odkazu

Nejčastěji se používá textový odkaz. Pokud chcete místo textu použít obrázek, zapíšete odkaz takto:

<a href=\"url\"><img src=\"obrazek.jpg\" alt=\"Popis obrázku\"></a>

V atributu src uvedete URL obrázku, který má sloužit jako odkaz.

Krok 4 – Cílové okno odkazu

Atribut target určuje, kde se odkazovaný dokument otevře. Výchozí hodnota _self otevře odkaz ve stejném okně nebo záložce. Pro otevření v novém okně použijte _blank, pro otevření v nadřazeném rámu _parent a pro otevření v nejvyšším rámci _top:

<a href=\"url\" target=\"_blank\">Text odkazu</a>

Publikace odkazu

Po vytvoření kódu odkazu jej jednoduše zkopírujte a vložte do HTML editoru nebo CMS systému na místo, kde chcete, aby se odkaz zobrazil.