Tag <a> - Href - URL - Protokoly - Relativní odkazy - Jiné formáty souborů
Text, který slouží jako odkaz je obalen párovým tagem <a>:
<a>Text odkazu</a>
Tag <a> má důležitý atribut "href", totiž cíl. Href obsahuje adresu, podle které prohlížeč pozná, na jakou stránku se má přepnout, když se na odkaz klikne.
<a href="http://www.seznam.cz>Seznam</a>
Toto je odkaz na Seznam, hodnotou "href" je adresa "http://www.seznam.cz".
Adrese se také říká URL. Znamená to Unique Resource Locator, čili jednoznačné umístění zdroje. Používá se nejenom u odkazů, ale i při vkládání obrázků, CSS souborů, objektů, prostě různých souborů.
URL lze symbolicky zapsat takto:
protokol://server.doména.generická_doména:port/cesta/soubor#záložka?dotaz
Zjednodušeně: protokol://server.doména.generická_doména/cesta/soubor
odkaz | protokol | server | doména | gen. doména | cesta | soubor |
---|---|---|---|---|---|---|
http://www.seznam.cz | http | www | seznam | cz | není | není |
http://dusan.pc-slany.cz/internet/default.htm | http | dusan | pc-slany | cz | internet | default.htm |
URL se vyplňuje do atributu href tagu a. Symbolicky zapsáno:
<a href="URL">Odkaz</a>
Protokolům se někdy také říká "schémata". Protokolem je míněn způsob, jakým se prohlížeč pokusí dosáhnout cíle odkazu.
ftp://uživatel@server/cesta/soubor
,
například ftp://ftp.pc-slany.cz
je odkaz pro anonymní připojení
k ftp serveru. (Které je mimochodem zakázáno. Anonymní znamená bez jména
uživatele; uživatelský přístup vyžaduje heslo.)file:///C:/dokumenty/soubor.htm
.mailto:elektronická adresa
. Např. <a
href="mailto:dusan@pc-slany.cz">Napište mi!</a>
.
Pokud se prohlížeč potká s takovou věcí, spustí poštovní program a
předá mu adresu jako parametr. Více v textu o mailových
adresách.Existují ještě další protokoly (např. Gopher, News), které se ale při psaní webových stránek použijí tak zřídka, že si nejsem zdaleka jistý jejich správnou funkcí.
Pokud adresa odkazu (URL) nezačíná protokolem, prohlížeč ví, že se jedná o "relativní odkaz". Myšlenka relativních odkazů využívá faktu, že většina odkazů míří na stejný server nebo dokonce do stejného adresáře (složky). Proto se do relativní adresy píše zpravidla jenom jméno souboru -- prohlížeč ví, že ho má hledat ve stejném adresáři.
Jinými slovy, prohlížeč si před relativní odkaz přidá URL předchozí stránky bez jména souboru.
Je-li odkazovaný soubor v jiném blízkém adresáři (složce), tak se do relativní adresy před jméno souboru přidá cesta. Zápis nadřazeného adresáře se dělá standardně dvěma tečkami.
Mám 3 stránky na serveru www.xyz.cz. V tabulce uvádím jejich absolutní adresy (s protokolem http://) a vzájemné relativní adresy.
absolutní adresa | relativní adresa z: | ||
---|---|---|---|
index.html | slozka/ | ||
1.html | 2.html | ||
http://www.xyz.cz/index.html | index.html | ../index.html | ../index.html |
http://www.xyz.cz/slozka/1.html | slozka/1.html | 1.html | 1.html |
http://www.xyz.cz/slozka/2.html | slozka/2.html | 2.html | 2.html |
Zápis relativní adresy se dělá normálně. Třeba ze stránky 1.html na stránku 2.html:
<a href="2.html">Druhá stránka</a>
Soubory typu htm a html se otevírají normálně v prohlížeči. Stejně tak serverově generované stránky .asp, .php (php3, phtml), .shtml, .jsp.
Ke každému dalšímu typu souborů (chápe se to podle přípony) má prohlížeč určený program, jimž se otevírá. Ve Windows se to nastavení přebírá z asociací operačního systému. Tak například textový soubor se otevírá v Notepadu.
Když nasměrujete odkaz na soubor (do href normálně napíšete URL na soubor.xxx), tak se ten asociovaný program spustí. Před tím se uživatele obvykle zeptá, zda se má otevřít z aktuálního umístění, nebo uložit na disk (z bezpečnostních důvodů). Existují druhy souborů, u kterých se prohlížeč neptá -- třeba obrázky nebo prostý text.
Například odkaz na stažení zip archivu se do HTML napíše třeba takto: <a
href="archiv.zip">Stažení archivu</a>
.
Velmi často se takto přímo odkazují obrázky typu jpg, například fotografie.
Další: Zdokonalení odkazů
Vizte též: Záložky, Jak
psát texty na web, Základy HTML, cílové okno (rámy)
Použitá literatura: Pavel Satrapa, Web Design, Neokortex 1997
Obsah
Hledání
Základní kurs
Editory
HTML tipy
Provoz webu
CSS styly
Jak psát web:
http://dusan.pc-slany.cz/internet/
Píše Yuhů: autorova stránka, mail: dusan@pc-slany.cz
Sláva kočkám! Poslední aktualizace 22.04.2001