Odkazy v HTML

Tag <a> - Href - URL - Protokoly - Relativní odkazy - Jiné formáty souborů

Tag <a>

Text, který slouží jako odkaz je obalen párovým tagem <a>:

<a>Text odkazu</a>

Href=

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

URL

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

Složení URL

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

Příklady:

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>

Protokoly

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.

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

Relativní odkazy

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.

Příklad

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>

Jiné formáty souborů

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

Píše Yuhů
dusan@pc-slany.cz
mail formulářem
Jak psát web O tvorbě, údržbě a zlepšování internetových stránek.

Základy HTML CSS FrontPage Hledání

Obsah

Hlavní stránka

Novinky

Download

Zdroje

Hledání


Rozšířené

Základní kurs

Jak udělat stránku

Základy HTML

Publikování

Zásady psaní

Editory

Různé prohlížeče

Editory

FrontPage 2000

FP Editor 98

Word 97

FrontPage Express

HTML tipy

Příprava obrázků

Obrázky

Odkazy

Vychytávky odkazů

Záložky

Aktivní mail

Tabulky

Úprava tabulek

Novinky tabulek

Design tabulkami

Rámy

Formátování rámů

Rámy nepoužívat

Iframe

Formuláře

Formuláře v HTML

Zápis barev

Seznam definic

Formátovací chyby

Provoz webu

Vzdálené služby

Vyhledávače

Katalogy

Správa souborů

Obsah / forma

Čeština

Meta tagy

Nastavení serveru

Používání prohlížeče

CSS styly

CSS styly

Úvod do CSS

Struktura textu

CSS prakticky

Přehled vlastností

Složitější deklarace

Délkové jednotky

Pozicování

Sloupce pozicováním

Okraje objektů

Odlišení prohlížečů

Omezení CSS

Odlišný tisk

Dynamické HTML

Filtry

Příklady filtrů

Různé barvy odkazů

Barva rolovací lišty

 


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