Přejít na hlavní obsah

Jak používat hypertextové odkazy a vložit je do textu

Hypertextový odkaz - je to prvek, který umožňuje vytvářet přechody z jedné webové stránky na druhou. Je nedílnou součástí webového vývoje, který umožňuje propojení webových stránek mezi sebou.

Hypertextový odkaz-Co to je?

Hypertextový odkaz se skládá ze dvou základních prvků:

  1. Atribut href (hypertext reference) - tento atribut označuje adresu (URL) pro přesměrování. Může odkazovat na stránku na stejném webu nebo na jiném webu.
  2. Text nebo obrázek, na který lze kliknout pro aktivaci odkazu.

Text odkazu lze naformátovat pomocí jiných značek, například nebo jej zvýraznit mezi zbytkem textu.

a) jaké jsou hypertextové odkazy

V HTML existuje několik typů hypertextových odkazů:

1. Hypertextový odkaz bez adresy ( nefunkční odkaz) - slouží k vytvoření prázdného odkazu, který lze později vyplnit:

2. Hypertextový odkaz s absolutní cestou-používá se k vytvoření odkazu na jinou webovou stránku nebo stránku pomocí úplné adresy URL:

3. Hypertextový odkaz s relativní cestou-používá se k vytvoření odkazu na jinou stránku uvnitř aktuálního webu pomocí relativní cesty:

4. Hypertextový odkaz s kotvou-používá se k vytvoření odkazu na konkrétní místo na aktuální stránce označené kotvou pomocí symbolu mřížky (#):

Ссылка на якорь. 

Якорь

5. Hypertextový odkaz s poštovní adresou-slouží k vytvoření odkazu pro odeslání e-mailu na uvedenou adresu:

Proč potřebujeme hypertextové odkazy

Hypertextové odkazy mohou být použity pro následující účely:

1. Přechod na web:

Hypertextové odkazy umožňují uživatelům snadno procházet web. Kliknutím na odkaz přesměrujete uživatele na jinou stránku webu a otevřete nový obsah nebo sekci. Hypertextové odkazy tak umožňují snadné používání webu a umožňují uživatelům rychle najít požadované informace.

2. Přechod na externí zdroje:

Hypertextové odkazy lze také použít k přechodu na externí zdroje, jako jsou jiné webové stránky, soubory, obrázky, videa a dokumenty. To umožňuje uživatelům získávat další informace z jiných zdrojů nebo komunikovat s různými online službami.

3. Zlepšení navigace a struktury webu:

Pomocí hypertextových odkazů lze vytvořit strukturu webu propojením různých stránek dohromady. Například hypertextové odkazy na domovské stránce webu mohou vést k jednotlivým pododdílům nebo sekcím webu, což uživatelům umožňuje rychle se pohybovat a najít požadované informace.

4. Upozornění na důležité informace:

Hypertextové odkazy lze použít k zvýraznění důležitých informací na webové stránce. Odkazy mohou být například použity k označení dalších materiálů souvisejících s článkem nebo zprávou. Hypertextové odkazy tak pomáhají uživatelům získat další informace a ponořit se do tématu.

Vložení hypertextových odkazů na webovou stránku usnadňuje navigaci uživatele, zlepšuje strukturu webu, poskytuje přístup k dalším zdrojům a umožňuje zvýraznit důležité informace. Znalost práce s hypertextovými odkazy je proto pro webového vývojáře důležitou dovedností a pomáhá vytvářet pohodlnější a informativní weby.

Příklady použití hypertextových odkazů

1. Odkaz na domovskou stránku:

2. Odkaz na externí zdroj:

3. Odkaz s obrázkem: