HTML - odkazy(4)
Odkazy neboli hypertexty
Co je to odkaz?
Tag <a> byl vytvoře z anglického slova "anchor". Jak již bylo
řečeno(
předminulí článek: důležité tagy) Vše co se nachází mezi <a> a </a>
je odkaz, tj. je možno na něj kliknout. Uvnitř se nemůže nacházet:
- tabulka(<table>)
- formulář(<form>)
- jiný odkaz(<a>)
- možná i další složitější tagy
Příklad:
<a href="stranka.html">Stránka</a>
Zobrazte si příklad
Atribut href
Nejdůležitější atribut určující relativní cestu k souboru, který zobrazí.
Příklad:
<a href="http://scriptici.wz.cz/">Scriptici.cz</a>
Záložky
Záložka je virtuální místo na stránce, kam vás odkaz odkáže. Takže je to něco pobného
jako v knize. Jsem na řádku 25, tam je odkaz na řádek 45, já kliknu a objevím se na řádku 45.
Záložka na tom místě se vytvoří pomocí:
<a name=zalozka></a>řádka
a načteme jí pomocí:
<a href=#zalozka>Založené místo</a>
Zobrazte si příklad
Atribut blank
Atribut blank slouží k určení kde se stránka zobrazí, jestli v novém okně nebo v
jiném
rámu. Takže je používán hlavně, když jsou na stránkách používány
rámy
. Když vůbec nezadáte tento atribut stránka se objeví ve stejném okně respektive rámu. Podatributem může být:
- _blank, otevře se v novém okně
- _top, otevře se v nejvyšším okně z hierarchie rámů
- _parent, otevře se v nadřazeném rámu
- _self, otevře se ve stejném rámu
Příklad:
<a href="stranka.html" target="blank">Stránka</a>
se zobrazí v novém okně
Zobrazte si příklad
Nebo se uvede přímo jméno rámu.
Příklad:
<a href="stranka.html" target="ram1">Stránka</a>
se zobrazí v rámu číslo 1
Obrázek jako odkaz
Z obrázku udělat odkaz je valmi jednoduché. Nejjednodušší to bude vidět na příkladu.
Příklad:
<a href="Stranka.htm"><img src="obrazek.jpg"></a>
Zobrazte si příklad
Bublinková nápověda u obrázku
Zobrazit bublinkovou nápovědu u odkazu je velmi jednoduché, stačí použít univerzální
atribut
title.
Příklad:
<a href="Stranka.htm" title="Toto je odkaz">Odkaz s nápovědou</a>
Zobrazte si příklad
<
>
autor:
Vítězslav Titl
publikováno: 24.10.2004