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φ]