Přejít na hlavní obsah

Jednoduchý způsob, jak vytvořit hypertextový odkaz na jinou HTML stránku v HTML

  • Hedvika Holubová
  • Postupy

HTML (HyperText Markup Language) je značkovací jazyk používaný k vytváření webových stránek. Jednou z klíčových funkcí HTML je schopnost vytvářet hypertextové odkazy, které uživatelům umožňují procházet mezi různými webovými stránkami.

Hypertextový odkaz je vytvořen pomocí značky , který je umístěn uvnitř jiných značek nebo přímo v textu. Má atribut href, který zadá adresu vstupní webové stránky, na kterou bude přechod proveden kliknutím na odkaz.

Chcete-li vytvořit hypertextový odkaz na jinou HTML stránku uvnitř značky , v atributu href musíte zadat cestu k souboru této stránky. Cesta může být relativní i absolutní. Relativní cesta se skládá z názvu souboru, pokud je soubor ve stejné složce jako aktuální stránka nebo cesty k souboru vzhledem k aktuální složce.

Základy vytváření hypertextových odkazů v HTML

Například vytvořit hypertextový odkaz na jinou HTML stránku s adresou " about.html", je třeba použít následující kód:

V tomto příkladu se text " o nás "zobrazí jako odkaz na stránku" about.html". Po kliknutí na tento odkaz bude uživatel přesměrován na zadanou stránku.

Je také možné vytvářet hypertextové odkazy na oddíly uvnitř aktuální stránky. K tomu je třeba v atributu href zadat identifikátor prvku, ke kterému má odkaz vést. Například:

Перейти к разделу 1. 
Раздел 1
Текст раздела 1

V tomto příkladu, kliknutím na odkaz "Přejít na oddíl 1" bude uživatel přesměrován do sekce s identifikátorem "section1".

Vytváření hypertextových odkazů v HTML tak umožňuje vytvářet interaktivní a navigační prvky na webových stránkách, což poskytuje pohodlnější a užitečnější funkce.

Použití značky " a " k vytvoření hypertextového odkazu

Značka " a " (anchor) se používá v HTML k vytváření hypertextových odkazů na jiné webové stránky nebo dokumenty. Umožňuje uživateli procházet mezi různými stránkami kliknutím na text, obrázky nebo jiné položky označené touto značkou. Chcete-li vytvořit hypertextový odkaz pomocí značky "a", musíte zadat dva povinné atributy: "href" a "title".

Atribut "href" určuje adresu URL (Uniform Resource Locator) stránky, na kterou má odkaz vést. Může být absolutní (obsahující úplnou cestu k dokumentu) nebo relativní (vzhledem k aktuálnímu dokumentu).

Atribut "title" vám umožňuje přidat pop-up nápovědu k odkazu. Zobrazí se, když uživatel navede kurzor na odkaz.

Příklad použití značky " a " k vytvoření hypertextového odkazu:

V tomto příkladu odkaz vede na webovou stránku "https://www.example.com" a má nápovědu "příklad odkazu". Text "toto je odkaz" se zobrazí jako klikací položka, kterou může uživatel kliknout na odkaz.

Atributy značky

  1. href: Tento atribut označuje adresu, na kterou by měl hypertextový odkaz vést. Může být označen jako absolutní nebo relativní cesta.
  2. target: Tento atribut označuje, jak se otevře související dokument nebo stránka. Hodnoty mohou být _blank, _self, _parent nebo _top.
  3. title: Tento atribut nastaví pop-up výzvu, která se objeví, když najedete kurzorem na hypertextový odkaz.
  4. download: Tento atribut označuje, že přidružený soubor by měl být stažen místo jeho zobrazení v prohlížeči. Hodnotou může být název souboru pro uložení.
  5. rel: Tento atribut označuje vztah mezi aktuálním dokumentem a souvisejícím dokumentem. Hodnoty mohou být například stylesheet, alternate nebo author.

Pokud chcete vytvořit hypertextový odkaz v HTML, ujistěte se, že jste tyto atributy správně použili podle svých potřeb.

Příklad vytvoření hypertextového odkazu na jinou stránku

Zde je jednoduchý příklad kódu, který vytváří hypertextový odkaz na jinou stránku:

  • href-atribut označující cestu k jiné HTML stránce (v tomto případě https://www.example.com/other-page.html).
  • Název odkazu je text, který se zobrazí jako odkaz.

Všimněte si, že atribut href by měl obsahovat úplnou adresu URL stránky, na kterou chcete odkaz Vytvořit. Pokud je vaše stránka ve stejném adresáři jako aktuální stránka, můžete zadat pouze název souboru, například:

Toto je příklad vytvoření jednoduchého hypertextového odkazu na jinou HTML stránku. Pomocí různých atributů a stylů můžete upravit vzhled a chování odkazu tak, aby lépe vyhovoval vašim potřebám.

Čtěte také