Nacházíte se: tvorba webu :: html :: odkazy

Odkazy

Odkazy - všichni znáte, text nebo obrázek, na který když kliknete Vás pošle na další stránku či na část stránky.

Tag <a>

Odkaz na jiný dokument

Odkaz musí mít adresu stránky, návěští na část stránky, to se uvádí do Atributu HREF. Asi nejvíce používaný tvar odkazu je tento:

Kód: Výstup:
<a href="http://harkiv-msts.ic.cz"> Klikni a přejdeš na stránku odkazu </a> Klikni a přejdeš na stránku odkazu

V tomto příkladu mě text "Klikni a přejdeš na stránku odkazu" přeměruje na adresu http://harkiv-msts.ic.cz.

Když chci použít odkaz na jinou html stránku, kterou mám v adresáři, řekněme z index.html chci přejít na konec.html, tak bude odkaz vypadat nasledovně:

 <a href="konec.html"> Klikni a přejdeš na stránku konec.html </a>
  • Zde jsem nepoužil část http://www ... protože je stránka umístěna ve stejném adresáři jako index.html.
  • Kdyby byla stránka umístěna v podadresáři použil bych <a href="/podadresář/konec.html">.
  • Pakliže by byla stránka umístěna na jiném webu, musel bych použít celý tvar adresy http://harkiv-msts.ic.cz.

Odkaz na místo ve stejném dokumentu

Odkazy na místo ve stejném dokumentu se používají, pokud je dokument příliš dlouhý. Nahoře v dokumentu si naprogramujeme několik odkazů na různé části toho samého dokumentu, čímž je vytvořen jednoduchý obsah.

Příklad:

V sekci obsah bude odkaz na kapitolu 4 a bude mít tento tvar:

<a href="#kapitola4"> Klikni a přejdeš na kapitolu 4 </a>
Část #kapitola4 - znak # odkazu říká,že se bude přecházet v námi otevřeném dokumentu a kapitola4 je jméno návěští v tomto dokumentu.

Každé návěští musí být definováno před místem kam chcete skočit po kliknutí na odkaz. V našem případě před 4. kapitolu přijde tento řádek:

<a name="kapitola4"> <h2> Kapitola 4 </h2> </a>

Tím jsme odkazu nadefinovali i místo, které se má zobrazit po stisknutí odkazu v obsahu stránky.

Obrázek jako odkaz

Jako odkaz můžete použít klidně i obrázek. Tvar odkazu v podstatě zůstane stejný, jen místo textu mezi tagy <a> </a> bude adresa obrázku, tedy bude mít tento tvar:

<a href="http://harkiv-msts.ic.cz">
<img src="http://web/obrazek.gif"> 
</a>
<img src="http://web/obrazek.gif"> - načte obrázek, na který potom budete moci kliknout a tím se dostat na adresu http://harkiv-msts.ic.cz.
úvod | tvorba webu | ostatní | služby | návštěvní kniha | kontakt