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