Odkaz URL neboli hypertextový odkaz je základním prvkem webové stránky. Umožňuje uživatelům přejít z jedné stránky na druhou a také přejít na konkrétní místa v rámci aktuální stránky. Vytvoření odkazu URL je nedílnou součástí tvorby webového obsahu.
Schopnost vytvářet odkaz URL má velký význam pro webové vývojáře i pro ty, kteří si chtějí vytvořit vlastní webové stránky nebo blogy. V tomto podrobném návodu se naučíte, jak vytvořit odkaz URL pomocí kódu HTML.
Krok 1: Otevřete značku a přidejte atribut href.
Krok 2: Uvnitř značky přidejte text, který se zobrazí jako odkaz.
Krok 3: Zavřete značku .
V tomto příkladu se odkaz zobrazí jako text "Klikněte zde". Po kliknutí na tento text se uživatel přesune na webovou stránku uvedenou v atributu href.
Nyní znáte základy vytváření odkazů URL pomocí kódu HTML. Při vytváření webových stránek a webového obsahu můžete tyto znalosti použít k vytvoření pohodlné navigace a usnadnit uživateli přístup k různým částem vašeho webu.
Co je URL odkaz a proč je potřeba?
URL odkaz (Uniform Resource Locator) je adresa zdroje na internetu, která umožňuje identifikovat a najít konkrétní stránku, dokument nebo jakýkoli jiný soubor v síti. Skládá se z několika částí, včetně datového protokolu (např. HTTP nebo HTTPS), názvu domény (např. www.example.com a cesta ke zdroji.
Odkazy URL hrají na internetu důležitou roli, protože umožňují uživatelům přejít z jedné stránky na druhou a sdílet informace. Používají je webové prohlížeče k otevírání webových stránek, vyhledávače k indexování webů a různé služby ke zpracování informací.
Odkazy URL navíc umožňují nastavit možnosti a úryvky, což dále rozšiřuje možnosti práce se zdroji. To umožňuje přenášet data mezi stránkami, vytvářet odkazy na určité části dokumentů, provádět požadavky na server a další.
Každý odkaz URL je jedinečný a identifikuje konkrétní zdroj v síti. Je důležitým prvkem internetové adresy a umožňuje snadné nalezení a získání potřebných informací online.
První krok: Výběr textu pro odkaz
Před vytvořením odkazu URL musíte vybrat text, který bude uživateli viditelný a který bude odkazovat.
Je důležité vybrat text, který bude pro uživatele informativní a srozumitelný. Text odkazu by měl poskytnout pohled na obsah, ke kterému vede. Pokud například odkaz vede k článku o vytváření odkazů na URL, pak text odkazu může být "jak vytvořit odkaz URL: krok za krokem pokyny pro začátečníky".
Je také důležité výslovně označit odkazy, aby uživatelé viděli, že na ně mohou kliknout. K tomu lze použít podtržení nebo změnu barvy textu odkazu.
Vybraný text odkazu by měl být zvýrazněn pomocí značky, aby jej uživatelé mohli snadno identifikovat.
Značku lze také použít k zvýraznění klíčových slov v textu odkazu.
Druhý krok: přidání značky " a " a atributů
Po výběru textu pro odkaz musíme přidat značku "a" (anglické písmeno "a"), abychom vytvořili odkaz. Je také důležité přidat potřebné atributy, abyste určili adresu, na kterou budete odkazovat.
| Atribut | Popis | Příklad |
|---|---|---|
| href | Adresa externího zdroje nebo odkaz na jinou stránku | href="https://example.com" |
| target | Určuje, kde bude dokument otevřen | target="_blank" |
Pro příklad, pokud chceme vytvořit odkaz na domovskou stránku svých webových stránek, můžeme použít následující kód:
Tento příklad ukazuje, že odkaz otevře soubor " index.html " ve stejné složce, kde je aktuální soubor.
Pokud chceme vytvořit odkaz na externí zdroj, musíme použít celou adresu URL. Například:
V tomto příkladu, kliknutím na odkaz, bude uživatel přesměrován na webovou stránku s adresou "https://example.com".
Také, pokud chceme otevřít odkaz v novém okně nebo kartě, můžeme přidat atribut "target" s hodnotou "_blank". Tím zajistíte, že se odkaz otevře v novém okně nebo kartě prohlížeče.
Zde je příklad odkazu s atributem "target":
V tomto okamžiku tedy přidáme značku " a " a pomocí nezbytných atributů vytvoříme odkaz.
V dalším kroku se podíváme na použití textu jako odkazu a přidání dalších atributů. Pokračujte ve čtení, abyste se dozvěděli více.
Třetí krok: zadání adresy URL
Jakmile vytvoříte text nebo obrázek pro svůj odkaz, musíte zadat adresu URL, na kterou bude odkazovat.
Adresa URL (Uniform Resource Locator) je jedinečná adresa, která identifikuje zdroj Online. Obvykle začíná protokolem (např., http:// pro webové stránky) následované názvem domény nebo IP adresou.
Adresu URL lze zadat pomocí atributu href v prvku a (angl. anchor je kotva), která se používá k vytváření odkazů.
Zde je příklad, jak vypadá zadání adresy URL:
V tomto příkladu je adresa URL https://example.com zobrazí se po kliknutí na text "odkaz".
Můžete také zadat relativní adresu URL, která odkazuje na aktuální doménu nebo složku. Například:
V tomto příkladu je relativní adresa URL /about zobrazí se po kliknutí na text "o nás".