HTML a tvorba WWW stránek - 7. lekce 26.června 1998 xskrivan@fi.muni.cz

7.1 Co je hyperlink
  Hyperlink definuje hypertextový odkaz na jiný WWW dokument nebo na jinou část téhož WWW dokumentu. Hypertextový odkaz se uzavírá do značek <a> ... </a> a je běžnou součástí HTML stránky. To, že se jedná o odkaz, je dáno tím, že je barevně odlišen a podtržen. Vlastní odkaz (tedy "adresa" stránky se definuje v atributu href tagu <a>.

Na co lze udělat odkaz?

• jiná WWW stránka (např. <a href="http://www.fi.muni.cz/~xskrivan/index.html"> Home </a>)
• jiná část téže stránky (tzv. "kotva", příklad viz níže)
• obrázek (např. <a href="obrazek1.gif"> Obrázek 1 </a>)
• zvukový soubor (např. <a src="znelka.wav"> Znělka </a>)
• animaci, ...

7.2 Atributy tagu <a>

• href="URL" - definuje se soubor (WWW stránka,obrázek,zvukový,animace...), který bude odkazem
  • href="odkaz_na_www_stránku" cílem skoku je jiná www stránka
  • href="#odkaz_na část_dokumentu" cílem bude skok na část stránky definovanou návěštím, tzv. kotvou
• name="návěští" definuje návěští v dokumentu použitelné jako cíl skoku, příklad:
  • <a name="novinka"> Novinky ... </a> - definováno návěští v dokumentu
  • <a href="#novinka"> Skok na novinky </a> - skok na dané návěští, je nutné uvést znak '#', který říká, že se jedná právě o kotvu
• je i řada dalších, ale ty se používají jen ojediněle

7.3 Pravidla pro psaní hypertextových odkazů

• Při psaní URL je třeba brát ohled na velikost písem: www.fi.muni.cz/~xskrivan/index.html není totéž, co www.fi.muni.cz/~xskrivan/Index.html
• rovněž je třeba brát ohled na to, že .html není totéž, co .html !
• URL může být vkládáno v absolutním nebo relativním tvaru:

<a> href="www.fi.muni.cz/~xskrivan/cgi-bin/skola/www.html"> Výuka HTML </a> # je absolutní odkaz <a> href="../www.html"> Výuka HTML </a> # je relativní odkaz na totéž <a> href="www.fi.muni.cz/~xskrivan/index.html"> HomePage </a> # je absolutní odkaz na domovskou stránku <a> href="../../../index.html"> Výuka HTML </a> # je relativní odkaz na totéž

Shrnutí:

• hypertextový odkaz se dává do <a> ... </a>
• URL = univerzální lokátor dokumentu
• při psaní URL je třeba dbát na velikost písmen
• při odkazu na část téhož dokumentu je třeba v "href" uvádět znak '#'
• odkazy lze zapisovat v relativním nebo absolutním tvaru

---

[Zpět]	[Změna kódování]