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 mezi tagy <a> a </a> se podtrhne a zobrazí jako odkaz. Místo textu lze vložit i obrázek; fungovat to bude stejně.

Href - adresa

Href nastavuje adresu odkazu, tedy adresu, na kterou se po kliknutí dostaneme.

Adresa může být:

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

Absolutní

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

Odkaz na e-mail je také 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 obsahovat tři stránky – index.html, cenik.html a sluzby.html – a budou-li ve stejné složce, stačí do href zapsat názvy těchto souborů.

Často se stává, že některé stránky jsou více zanořené ve složkách. V takovém případě stačí odkázat na složka/soubor.html.

Pokud budete na stránce slozka/dalsi/soubor.html a budete chtít odkázat na soubor ve složce slozka, musíte se ve struktuře složek vrátit o úroveň výš. To se dělá pomocí ../, takže odkaz bude mít 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 = standardní 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 na delších stránkách, kde odkazujete 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