|
![]() | |
![]() | ||
Vývoj | ||
Apache a
IIS ASP a skripty HTML Průvodci Doporučené weby Výuka HTML English ![]() | ||
Živě | ||
Články za
týden Nové příspěvky Nejčtenější články Ankety Autoři Reklama na Živě Kontakt na redakci Živě pro váš server Hledáme autory! Volná místa v IT | ||
|
![]() |
Jak vytvářet www stránky - 7.
díl
Odkazy V šestém díle jsme si vysvětlili základy
vytváření hyperlinkových odkazů. Shrnuto do jedné věty: hyperlinkový odkaz
je část dokumentu (zpravidla zvýrazněná), která na kliknutí myší (případně
na jiný podnět) aktivuje nějaké spojení. Může to být nejen spojení na
jinou www stránku, ale třeba na obrázek, zvuk, video, nebo jakýkoli jiný
soubor. Stejně tak existují odkazy, které vedou na jiné místo na téže
stránce. ![]() |
![]() |
| |||||||||
| ||||||||||||
![]() |
Aby odkaz fungoval, tedy odkazoval tam kam má, je nutné správně zadat adresu souboru (URL), na nějž odkazujeme. Je dobré dodržovat pravidlo, že odkazy vedoucí na stejný server určujeme relativně, odkazy vedoucí na jiný server určujeme absolutně. Odpadne vám spousta starostí v okamžiku, kdy se rozhodnete přesunout své stránky na jiný server. Lépe toto téma osvětlí následující příklady: Dokument, z nějž vede odkaz (např. start.htm), je ve stejném adresáři jako dokument, na který odkazujeme (např. cíl.htm)
V tomto případě není nutné psát odkaz včetně http a názvu serveru - postačí odkaz <A href="cil.htm">klikněte sem</A>. Po kliknutí na takový odkaz bude cílový dokument hledán na stejném serveru, v tomtéž adresáři. Dokument, z nějž vede odkaz, je na stejném serveru, jako dokument, na který odkazujeme, ale je v jiném adresáři
Ani tentokrát není nutné psát název serveru - postačí, když určíte adresář, v němž je cílový dokument umístěn. Tentokrát tedy použijeme <A href="hardware/cil.htm">klikněte sem</A>. Jak to ale udělat, potřebujeme-li odkázat do adresáře, který je hierarchický výše - tedy například z dokumentu cil.htm na dokument start.htm? Tady vystačíme se dvěma tečkami, které znamenají "adresář o jednu úroveň výše". Odkaz by tedy vypadal takto <A href="../start.htm">klikněte sem</A>. Dokument, z nějž vede odkaz, je na jiném serveru, než cílový dokument
V tomto případě musíme použít absolutní adresu, tedy <A href="http://www.test.cz/cil.htm">klikněte sem</A>.
Odkaz na konkrétní
místo v dokumentu Máte-li dlouhý dokument, který z nějakého
důvodu nechcete rozdělit na více stránek (např. znění nějakého předpisu),
můžete čtenáři usnadnit orientaci použitím odkazů na důležitá místa v
dokumentu. Tato místa si označíte tagem <A name="nejake
jmeno">, kde nejake jmeno je řetězec složený z libovolných
písmen (raději bez diakritiky) nebo číslic, který musí být v celém
dokumentu jedinečný. Takový tag je pro čtenáře neviditelný, slouží pouze
prohlížeči jako značka, na níž se odkazuje hyperlinkovým odkazem ve tvaru
<A href="#nejake jmeno">text který čtenář
uvidí</A> (všimněte si zejména znaku # - křížek).
Příklad: <H1>Návrh zákona</H1> obsah: <UL> <LI><A href="#uvod">Úvodní ustanovení</A> <LI><A href="#zneni">Znění zákona</A> <LI><A href="#zaver">Závěrečná část</A> </UL> <A name="uvod"> <H2>Úvodní ustanovení</H2> . . . <A name="zneni"> <H2>Znění zákona</H2> . . . <A name="zaver"> <H2>Závěrečná část</H2> . . .Pokud pak čtenář klikne v obsahu například na link Závěrečná část, posune se stránka v prohlížeči tam, kde je neviditelná značka zaver.
Další možnosti tagu
<A> TITLE - titulek, který se zobrazí zůstane-li
návštěvník vašich stránek stát kurzorem myši nad odkazem. Může sloužit
například k vysvětlení, kam příslušný odkaz vede.
Příklad: <A href="http://www.zive.cz" title="denní zpravodajství o počítačích">Živě</A> TARGET - má své opodstatnění především ve stránkách obsahujících rámy. V klasické stránce využijete tento parametr jedině s hodnotou _blank, kdy způsobí otevření odkazu v novém okně prohlížeče. Příklad: <A href="http://www.zive.cz" target="_blank">Živě</A> ACCESSKEY - slouží k zjednodušení přístupu - na takový odkaz nemusíte klikat myší, ale aktivujete jej klávesovou zkratkou Alt+písmeno. Příklad: <A href="http://www.zive.cz" accesskey="i">Živě</A> Ostatní parametry nebudeme probírat, protože se s nimi prakticky nesetkáte. Příště se podíváme na to, jak lze do stránky vkládat obrázky, takže se jistě máte na co těšit. Související články:
![]() |
![]() |
![]() |
Copyright 1996-2000 Computer Press, a.s., realizační tým |