
Obsah lekce:
Hyperlinky v jednom dokumentu
Hypertextové odkazy tvoří základní kámen jazyka HTML. Díky těmto
odkazům je možné skákat na jiná místa v rámci jednoho dokumentu nebo
otevírat libovolné dokumenty, které jsou uloženy na jakémkoliv WWW
serveru kdekoliv na světě. Hypertextové odkazy jsou definovány
příkazem <A>.
Například u dlouhých dokumentů je velice užitečné, když autor
uvede hned na začátku dokumentu jeho stručný obsah, z jehož
jednotlivých položek vedou hypertextová spojení, která čtenáře
jedním kliknutím myši přenesou na požadované místo v dokumentu
(příkladem může být stručný obsah na začátku každé lekce, viz.
obsah lekce).
V tomto případě je nutné označit v textu místa, na která
budou hyperlinky odkazovat. Druhou nezbytností jsou vlastní
hyperlinky. Oba příkazy jsou uvozeny návěštím <A> (anchor).
Místo v dokumentu, ke kterému se vztahuje nějaký hypertextový
odkaz, se nazývá "kotva" a je definována atributem
NAME. Příkaz ke skoku na tuto kotvu (nebo skok na jiný
dokument) je definován atributem HREF (hypertext reference).
Při odkazování na kotvu musí názvu této kotvy předcházet v atributu
HREF znak "#". Při použití atributu HREF je
oblast mezi návěštími <A> a </A> použita
jako hypertextový odkaz, na který když kliknete myší, skočíte na
jiné místo dokumentu, příp. na jiný dokument. Z tohoto důvodu
nesmí zůstat kontejner <A> prázdný. Naopak při použití
atributu NAME nemá obsah téhož kontejneru žádný význam.
|
<UL>
<LH><B>Obsah lekce:</B></LH>
<A HREF="#local">
<LI>hyperlinky v rámci jednoho dokumentu</LI></A>
<A HREF="#remote">
<LI>hyperlinky na jiné HTML dokumenty</LI></A>
</UL>
Někde v dokumentu se nachází kotvy:
<A NAME="local"></A>
<A NAME="remote"></A>
Bude zobrazeno (s plně funkčními hyperlinky) takto:
|
|
- <A href="url"
name="návěští"
title="text"
rel="typ"
rev="typ"
methods="metoda"
target="cílové_okno"
shape=["default" | "circle
x,y,z" | "rect x,y,w,h"
| "polygon x1,y1,x2,y2,..."]>
- ...text...
- </A>
-
párová značka sloužící pro zápis hypertextového odkazu; definuje
odkaz na jiný dokument nebo na část téhož dokumentu; část uzavřená
v kontejneru <A> ... </A> je normální text dokumentu; aby
bylo zřejmé, že se jedná o odkaz, bývá tento text barevně odlišen
a podtržen; vložením <IMG> do kontejneru <A> ... </A>
lze vytvořit "hypertextovou grafiku"
href |
URL cíle odkazu |
name |
jméno použité v dokumentu jako návěští pro cíl skoku; návěští v dokumentu
má obecně tvar <A NAME="jméno">
</A>;
odkaz na toto návěští se zapisuje ve tvaru
<A HREF="#jméno"> ... </A>
|
title |
stručný popisek dokumentu, na který značka odkazuje |
rel |
určuje význam cílového dokumentu a jeho vztah k dokumentu
stávajícímu |
rev |
opak rel; určuje vztah aktuálního dokumentu
k odkazovanému
typ je jeden z následujících definovaných názvů pro rel
a rev (seznam není definitivní)
parent rodič
made autor (odkaz na domovskou stránku nebo mailto)
next následující dokument v hierarchii
previous předchozí dokument v hierarchii
|
methods |
mezerami oddělovaný seznam HTTP metod (GET, PUT, ...), které podporuje
cílový objekt (málo podporovaný atribut)
|
target |
jméno okna, rámce nebo prohlížeče, ve kterém má být zobrazen
dokument navázaný na tento odkaz; pokud jméno neexistuje vytvoří se
okno nové; následuje seznam předem definovaných jmen
_blank pro dokument vždy využít nové okno
_self zobrazit v tomto okně (ruší účinek atribitu
target ve značce <BASE>)
_parent zobrazit dokument v rámu či okně, ve kterém je
zobrazen nejbližší nadřazený <FRAMESET>
_top pro zobrazení použít celé okno prohlížeče (ruší
rozdělení okna na rámy)
|
shape |
definuje tvar a oblast jedné citlivé části obrázku zavedeného značkou
<FIG>, při jejímž zvolení má prohlížecí program předat souřadnice
této oblasi CGI skriptu kotvy; jedna z možností jak vytvořit
klikatelný obrázek ve spojení s prvkem <FIG> (!nestandardní
prvek!)
default implicitní tvar
circle kruh; x,y,r souřadnice středu a poloměru
rect obdélník; x,y,w,h souřadnice levého horního
rohu, šířka a výška
polygon obecný mnohoúhelník; x1,y1,x2,y2, ...
souřadnice jednotlivých vrcholů
|
|
Hyperlinky na jiné dokumenty
Pomocí atributu HREF je možno odkazovat v aktuálním dokumentu na kotvu i
na soubory, které v sobě skrývají jiné dokumenty HTML. Při odkazování
na soubory na jednom serveru je výhodné zadávat k souborům relativní
cesty. Při takovém způsobu se vychází z adresáře, v němž je uložena
aktuální stránka. Pro zadání cesty k podadresářům se nepoužívají
obrácená lomítka "\" (jako je tomu například u systému MS-DOS),
ale lomítka normální "/".
Název kotvy umístěný v požadovaném dokumentu (je-li zadán jako
součást hodnoty atributu HREF), vás kliknutím myši přenese přímo
na požadované místo v novém dokumentu.
|
Předchozí příklad, upravený pro jiný soubor ze stejného
adresáře
<UL>
<LH><B>Obsah lekce:</B></LH>
<A HREF="hyperlnk.htm#local">
<LI>hyperlinky v rámci jednoho dokumentu</LI></A>
<A HREF="hyperlnk.htm#remote">
<LI>hyperlinky na jiné HTML dokumenty</LI></A>
</UL>
|
Zřejmě největší význam hyperlinků se projeví až při použití odkazu
na úplné (absolutní) URL adresy. Tímto způsobem je totiž možné
propojovat libovolné HTML dokumenty, které jsou uloženy na
kterémkoliv serveru ve světě.
|
Předchozí příklad, upravený pro odkaz z jiného serveru
<UL>
<LH><B>Obsah lekce:</B></LH>
<A HREF="http://sellene.zcu.cz:88/indy/hyperlnk.htm#local">
<LI>hyperlinky v rámci jednoho dokumentu</LI></A>
<A HREF="http://sellene.zcu.cz:88/indy/hyperlnk.htm#remote">
<LI>hyperlinky na jiné HTML dokumenty</LI></A>
</UL>
|
|