Odkazy do jiných dokumentů


(HTML linky)

Odkazy (anglicky link) jsou základní prvek hypertextových aplikací, tedy i HTML. Pokud znáte např. link v UNIXu nebo zástupce v MacOS nebo Woknech (pardon Windows), pak je odkaz v HTML něco podobného. Má jednu prostou, ale důležitou funkci: Pokud ho aktivujete kliknutím zobrazí vám stránku, kterou mu zadáte - slouží tedy k propojování jednotlivých HTML dokumentů. HTML 3.0 umožňuje kromě odkazů na jinou stránku i odkaz na určité místo na stránce.

Struktura URL

Pro přístup k HTML dokumentům se používá adresa URL (neboli Uniform Resource Locator). Úplně nejlepší bude srovnat ho s UNIXovými cestami. Pro ty, kdo o UNIXu nemají ani páru, to lze srovnat s DOSovými cestami s opačnými lomítky. A kdo neví nic ani o DOSu, tomu budiž země lehká :-)...

Jazyk HTML používá pro přístup a vyhledávání dokumentů adresu URL (Uniform resource locator). Je to něco, jako filesystém UNIXu a možná je trochu podobný FAT systému DOSu. Základ URL tvoří tzv. metoda. To je způsob jakým bude browser komunikovat se serverem, tedy aplikační protokol. Určuje, jakou službu budeme používat pro přístup k danému serveru. Standartně je službou pro WWW protokol http (HyperText Transfer Protokol), pro poštu mailto atd. viz tabulka:

Název metodySlužbaPopisStruktura URL
httpWWWStandartní načítaní webovských stránekhttp://adresa_serveru:port/plnohodnotná_cesta_k_dokumentu#dodatek.
mailtoE-MailElektronická poštamailto://elektronická adresa
ftpFtpDownload souborů z ftp serverůftp://username:heslo@adresa_serveru/cesta_k_souboru
gopherGopherPředchůdce WWW - hlavně knihovnygopher://adresa_serveru/cesta_k_menu
telnetTelnetVzdálený přístup - např. BBS, Parker,...telnet://username:heslo@adresa_serveru
nntpNewsDiskuzní skupiny, USENETnntp://adresa_skupiny

Položka adresa_serveru znamená buďto DNS adresa serveru, nebo IP serveru. port je číslo obvykle od 1 do 1024, ale může nabývat až 65535!!! Znamená na které „frekvenci“ bude server naslouchat. elektronická adresa je klasický E-Mail (jméno@adresa) a plnohodnotná_cesta_k_dokumentu je cesta na serveru k určitému dokumentu, který na něm je. Tentýž účel má i cesta_k_menu. Username a heslo jsou přihlašovací jména a hesla (zejména pro telnet a ftp). Pro news se pak používá adresa_skupiny jako diskuzní skupina na serveru, který máte nastavený v browseru. Co se dodatku týče, pak se jedná buď o odkaz na určité místo v dokumentu (pokud začíná znakem #) nebo o parametr (obvykle cgi skriptu), pokud začíná otazníkem (?).

Pokud tedy správně chápete, jak funguje URL (měli byste pochopit, protože se jedná o základní věc, kterou potřebujete i při samotném browsení na všech operačních systémech...), můžete použít onen bájný příkaz pro vytvoření odkazu:

<A HREF="adresa_cílové_stránky">
Tento příkaz je párový, ale ukončuje se jen pomocí </A>. Způsobí, že všechno co je mezi <A HREF> a </A> se zobrazí podtržené (pokud jde o text) nebo obtažené (pokud jde o obrázek s okrajem) v barvě, kterou máte nastavenou pomocí příkazu BODY a parametru LINK. Pokud na tuto zvýrazněnou část kliknete, browser vám zobrazí stránku, která je uvedena jako "adresa_cílové_stránky". Tato cesta může být relativní a bude začínat na adrese, kde se nachází právě zobrazovaný dokument. Příkaz má parametr:

TARGET="název_rámu"
Který udává, do kterého rámu se stránka zobrazí. Uplatní se jen když používáte rámy (frames).

Odkazy na určité místo v dokumentu

Občas (zejména pokud máte velmi dlouhou stránku) je potřeba, aby vás příkaz <A HREF> přenesl na určité místo na stránce. K této bohulibé činnosti slouží příkaz:

<A NAME="název_záložky">
Ten vyznačí místo v dokumentu, na které se můžete odkázat zadáním příkazu:

<A HREF="název_dokumentu#název_záložky>
Pochopitelně můžete uvést plnohodnotnou adresu včetně záložky, ale ještě jsem to v praxi neviděl. Pokud neuvedete název dokumentu, odkaz se provede na záložku v právě zobrazeném dokumentu.

Příklad

<HTML>
<HEAD>
<TITLE>Moje stránka odkazů</TITLE>
</HEAD>
<BODY BGCOLOR=#FF0000 TEXT=#FFFFFF LINK="#FFFF00">
<CENTER><H2>Odkazy</H2></CENTER>
<P>
<A NAME="HLEDEJ">
<A HREF="http://www.seznam.cz"> Vyhledávací služba Seznam</A><BR>
<A HREF="http://altavista.digital.com"> Vyhledávací služba Altavista</A><P>
<A HREF="http://www.spsselib.hiedu.cz/~xbezuch"> Ondrova home page</A><BR>
<A HREF="http://www.spsselib.hiedu.cz/~kerslage"> Home page Milana Keršlágera</A><BR>
<A HREF="http://www.spsselib.hiedu.cz"> Střední průmyslová škola strojní a elektrotechnická<P>
<A HREF="http://www.spsselib.hiedu.cz/monkey"> Stránka podpory Monkey Linuxu</A><BR>
<A HREF="http://www.appleklub.cz"> klub přátel počítačů Macintosh</A><P>
<A HREF="telnet://bbs.vslib.cz"> Liane BBS</A><BR>
<A HREF="telnet://bbs@floyd.upol.cz"> Floyd BBS</A><P>
<A HREF="telnet://skeeve.feld.cvut.cz:4000"> Circle MUD - Skeeve</A><P>
Další stránky si můžete najít v nějaké <A HREF="#HLEDEJ">vyhledávací službě</A>, nebo mi <A HREF="mailto:ondrej.bezucha@spsselib.hiedu.cz">můžete napsat</A> a já vám poradím...
</BODY>
</HTML>

Příklad odkazů