Po nastudování této kapitoly budeme vědět, k čemu odkaz slouží a jak jej vytvořit. Dokážeme rozlišit dva typy odkazů a budeme vědět, v jakých případech, který z nich použít. Dovedeme vytvořit odkaz na e-mailovou adresu.
Odkazy slouží k přesměrování na jinou stránku nebo její část.
Značí se pomocí párového tagu <a> </a>. Text, který mezi tyto tagy napíšeme, bude sloužit, jako odkaz.
Pro určení cíle odkazu se používá atribut href="".
<a href="http://cs.wikipedia.org/wiki/HyperText_Markup_Language">
O jazyku HTML na Wikipedii </a>* Jako odkaz můžeme použít také obrázek, což si ukážeme v příští lekci.
Představme si situaci, kdy máme v jedné složce na webu www.mujweb.cz soubory s názvem „index.html“ a „fotogalerie.html“.
Nacházíme se na hlavní stránce – index.html a chceme odkázat na fotogalerii. To můžeme udělat dvěma způsoby, pomocí
popisuje celou adresu webu
<a href="http://www.mujweb.cz/fotogalerie.html"> fotogalerie </a>popisuje adresu webu vzhledem k souboru, kde se nacházíme (v našem případě index.html)
<a href="fotogalerie.html"> fotogalerie </a>Pokud tedy máme soubor (stránku), na který chceme odkazovat, ve své složce, je vhodné použít rychlejší relativní odkaz.
Pokud budeme odkazovat na jiný web, musíme na něj odkázat absolutně, protože nemá s naší složkou žádnou spojitost.
| Atribut | Hodnoty | Význam |
|---|---|---|
| href | absolutní nebo relativní cesta k odkazu | cíl odkazu |
| title | libovolný text (popisek) | po najetí myši se zobrazí popisek v bublině |
Odkaz je vždy vhodné opatřit atributem title="" , který slouží, jako popisek při najetí myši.
<a href="fotogalerie.html" title="odkaz na fotogalerii"> fotogalerie </a>Odkaz na e-mail vytvoříme tak, že do atributu href="" uvedeme hodnotu mailto: a za ni e-mailovou adresu.
kontaktovat mě můžete <a href="mailto:info@mtmt.cz"
title="info@mtmt.cz"> zde </a>Naučili jsme se vytvořit odkaz na jinou webovou stránku a e-mailovou adresu. Známe rozdíl mezi absolutním a relativním typem odkazu a dokážeme je použít.
Poznali jsme tento párový tag: <a>
Poznali jsme tyto atributy: href="", title=""
Do předchozího úkolu vytvoř menu složené ze 4 odkazů vedoucích na libovolné webové stránky. Po najetí myši na každý z odkazů se zobrazí detailnější popisek o tom, kam odkaz směřuje.