Odkazy na URL a záložky v HTML

Pomocí odkazů se můžete jednoduše pohybovat po stránkách, odkazy jsou velmi užitečné.

Příklad odkazu na jinou stránku.

<a href="http://www.prclanky.cz/">PR články</a>

A - odkaz

Text, který je mezi tagy <a> a </a> se podrhne a zobrazí jako odkaz, místo textu se může vložit i obrázek, fungovat to bude stejně.

Href - adresa

Href nastavuje adresu odkazu, to zanamená adresu na kterou se po kliknutí dostaneme.

Adresa může být:

Absolutní - http://www.seznam.cz
Relativní - soubor.html

Absolutní

U absolutní adresy se nesmí zapomenout uvést http://, jinak by to prohlížeč chápal jako relativní adresu.

Odkaz na email je taky absolutní url.

<a href="mailto:nekdo@nekde.com">nekdo@nekde.com</a>

Relativní

Relativně se odkazuje v rámci jednoho webu na ostatní stránky.

Bude-li web o třech stránkách: index.html, cenik.html, sluzby.html a tyto stránky budou na stejné doméně a ve stejné složce, pak stačí do href zapsat jen jména těchto souborů.

Často se stává, že některé stránky jsou více zanořené (jsou ve složkách), pak stačí odkazovat na slozka/soubor.html.

Pokud budete na stránce slozka/dalsi/soubor.html a budete chtít odkázat na soubor, který je ve složce slozka, musíte se vrátit o úroveň výš ve struktuře složek, to se děla pomocí ../ odkaz by pak měl tento tvar: ../soubor.html.

Odkaz na soubor o dvě úrovně výše.

<a href="../../soubor.html">Odkaz</a>

Target

Target se používá ve spojení s rámy, nebo pokud potřebujeme odkaz otevřít v novém okně.

Jeho hodnoty jsou:

_blank = stránka se načte v novém okně a všechny rámy se zruší
_top = použije se jako nejvyšší okno hierarchie rámů
_parent = použije se jako nadřazený rám
_self = standartní nastavení (nemusí se uvádět)

<a href="http://www.google.com" target="_blank">Odkaz se načte v novém okně.</a>

Name - záložka

Atribut name se používá jako záložka používá se na delších stránkách, kde se odkazuje na určité místo stránky.

<a name="nadpis">Označený text nadpisu.</a>
<a href="#nadpis">Odkaz na nadpis</a>

Efekt tohoto příkladu by byl patrný na delší stránce.

Příklad na závěr

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Odkazy v HTML</title>
</head>
<body>
<h1>Odkazy v <a href="../">HTML</a></h1>
<p><a href="../../">Tvorba www stránek</a> - návody pro začátečníky.</p>
<p>Odkaz na emai: <a href="mailto:nekdo@nekde.com">nekdo@nekde.com</a>.</p>
<p>Další odkazy: <a href="http://www.kratce.info/">PR Články</a>, <a href="http://soft.jakdelatweby.cz/">Hry zdarma</a>.</p>
</body>
</html>

zobrazit výsledek