Predmetová komisia ELT a INF

Učebnica HTML - Odkazy

HTML - Links

« Predchádzajúca Ďalšia kapitola »

Odkazy (linky) sa nachádzajú takmer na všetkých webových stránkach. Umožňujú používateľom kliknitím prechádzať z jednej stránky na druhú.

HTML Odkazy

Ako vytvoriť odkazy v HTML dokumente. (Viac príkladov v dolnej časti tejto stránky.)

Príklad

<html>
<body>
<a href="index.html">HTML Tutorial</a> Toto je odkaz na stránku tohto webu.
<a href="http://www.google.com/">Google</a> Toto je odkaz na stránku v Internete.
</body>
</html>


Vyskúšajte si to »

HTML hypertextové odkazy (Linky)

Hypertextové prepojenie (alebo odkaz), je slovo, skupina slov, alebo obrázok, na ktorý môžete kliknúť pri prechode na nový dokument, alebo nový odsek v rámci aktuálneho dokumentu.

Keď nabehnete kurzorom na odkaz na webovej stránke, kurzor - šípka sa zmení na rúčku.

Odkazy sú špecifikované v HTML pomocou <a> značky. Značka <a> sa môže použiť dvomi spôsobmi:

1. Ak chcete vytvoriť odkaz na iný dokument tak pomocou atribút href

2. Ak chcete vytvoriť záložku v dokumente tak pomocou mena atribútu

HTML Odkazy - Syntax

HTML kód pre odkaz je jednoduchý. Vypadá to takto:

<a href="url">Odkaz text</a>

Href atribút určuje cieľ odkazu.

Príklad

<a href="http://www.dvui-2ukf2.eu/">Navštívte naše stránky</a>

Odkaz sa bude zobrazovať takto: Navštívte naše stránky

Kliknutím na tento odkaz zašle užívateľovi domovskú stránku tohto tutorialu'.

Tip: "Odkaz" nemusí byť iba text. Môžete ho prepojiť na obrázok alebo iný prvk HTML.

HTML Odkazy - Atribút target (cieľ)

Atribut target určuje, ako sa otvorí odkazujúci dokument. Nižšie uvedený príklad otvorí odkzaujúci dokument v novom okne prehliadača:

Príklad

<a href="http://www.sostzm.eu/" target="_blank">Navštívte nás!</a>

Vyskúšajte si to »

HTML Odkazy - Atribut Name

Atribút name určuje názov kotvy.

Atribút name sa používa na vytvorenie záložky vo vnútri HTML dokumentu.

Poznámka: Blížiaci sa HTML5 štandard odporúča použiť atribút id namiesto názvu atribútu s uvedením mena kotvy. Pomocou atribútu id skutočne funguje aj pre HTML4 vo všetkých moderných prehliadačoch.

Záložky nie sú zobrazené. Sú pre čitateľa stránky neviditeľné.

Príklady

Pomenujme kotvu vnútri HTML dokumente:

<a name="tips">Užitočné typy sekcie</a>

Vytvoriť odkaz na "Užitočné tipy sekcie" vo vnútri toho istého dokumentu:

<a href="#tips">Užitočné typy sekcie</a>

Alebo vytvoriť odkaz na "Užitočné tipy sekcie" na inú stránku:

<a href="http://www.html.book.sostzm.eu.html#tips">
Pozrite si užitočné typy sekcie</a>

Tip: Kotvy sa často používajú na vytvorenie "obsahu" na začiatku dlhých dokumentov. Každá kapitola v dokumente je má pomenovanú kotvu a odkazy na každú z týchto kotiev sú vkladané do obsahu v hornej časti dokumentu.

« Predchádzajúca Ďalšia kapitola »