Element <a> slouží k vytvoření odkazu nebo textové kotvy, který umožňuje uživatelům přejít na jinou stránku, sekci webu, nebo otevřít jiný typ obsahu – např otevřít email, nebo volání.
Odkaz je obvykle textový, ale může být také umístěn na obrázky, tlačítka a další elementy.

Základní struktura
<a href="http://www.google.com">tohle je odkaz</a>

Atributy odkazu

• href Cíl odkazu
  Tento atribut určuje, kam odkaz směřuje.
  • Absolutní odkaz
    <a href="http://www.google.com">Google</a>
    Odkazuje na externí stránku pomocí celé URL.
  • Relativní odkaz
    <a href="stranka.html">Lokální stránka</a>
    Odkazuje na soubor uvnitř projektu.
  • Textová kotva
    <a href="#sekce1">Přejít na sekci</a>
    Odkazuje na ID jiného objektu. Jen posune okno prohlížeče tak, aby objekt s tímto id byl navrchu okna
  • E-mailový odkaz
    <a href="mailto:adresa@email.cz">Kontaktujte nás</a>
    Otevře mailového klienta (pokud je v počítači k dispozici).
    
• target Cílové okno odkazu
  Tento atribut určuje, jak se odkaz otevře:
  • _self nastavené automaticky, odkáže do okna nebo rámce, kde je odkaz napsaný
    <a href="stranka.html" target="_self">Otevřít zde</a>
  • _blank Odkaz se otevře v novém okně nebo záložce.
    <a href="http://www.google.com" target="_blank">Otevřít v nové záložce</a>
  • _top odkáže Odkaz se otevře v celém okně, bez ohledu na rámce.
    <a href="stranka.html" target="_top">Otevřít v celém okně</a>
  • _parent Odkaz se otevře v nadřazeném rámci (pokud existuje).
    <a href="stranka.html" target="_parent">Otevřít v nadřazeném rámci</a>

Jak psát odkazy

Používejte smysluplný text odkazu.
Text odkazu by měl jasně říkat, co uživatel získá kliknutím. Vyvarujte se obecného textu jako „Klikněte zde“

Odkazy na jiné stránky otevírejte v nové záložce.
Pro externí odkazy použijte target="_blank", aby uživatel nepřišel o obsah na aktuální stránce.

Používejte kotvy pro navigaci na stránce.
Kotvy zlepšují uživatelskou přívětivost u delších stránek:

<a href="#kontakt">Kontakt</a>
<div id="kontakt">Tady nás najdete...</div>

Dbejte na přístupnost.
Odkazy by měly být snadno čitelné a přístupné. Pokud jsou použity na obrázek nebo ikonu, přidejte atribut alt nebo aria-label:

<a href="http://www.google.com" aria-label="Navštivte Google">
    <img src="google-logo.png" alt="Google">
</a>