logo MojeWebovky
ÚVOD XHTML CSS PHP OSTATNÍ
XHTML
< Předchozí Následující >

hypertextové ODKAZY

relativní a abslutní

Neodmyslitelnou součástí webových stránek jsou pochopitelně hypertextové odkazy. Ty uživatele buď odkazují z jedné vaší stránky na druhou (v tom případě se jedná o odkaz s relativní adresou) nebo je mohou poslat na nějaké úplně jiné stránky (pak se jedná o odkaz s absolutní adresou).

Příklad odkazu s absolutní adresou:

<a href= "http://www.cokoliv.cz"> Odkaz na cokoliv </a>

Odkaz značí element <a> (anchor = kotva). Obsahuje atribut href, jehož hodnota udává cíl odkazu. Obsah elementu se zobrazí takto: Odkaz na cokoliv

Chceme-li, aby odkaz směřoval na jinou naší stránku (která je ovšem součástí stejného webového dokumentu), vypadá zápis takto:

<a href="moje-stranka.html"> Moje stránka </a>

Kde cíl, tedy moje-stranka.html musí být ve stejném adresáři, jako stránka, která na ní odkazuje.

cesta

Pokud tomu tak není, je třeba zadat cestu k požadované stránce:

<a href="cesta/nazev_stranky.html"> text odkazu </a>

Takže to pak může vypadat třeba takto:

<a href="./priklady/priklad1.html"> Příklad číslo 1 </a>

./ značí stejný adresář, v jakém je stránka s odkazem. ../ znamená adresář nadřazený (rodičovský). Je dobré uvádět cestu i v případě, že je požadovaná stránka ve stejném adresáři:

<a href="./priklad1.html"> Příklad číslo 1 </a>

záložky

Hypertextové odkazy mohou také odkazovat na místa v aktuální stránce, neboli záložky. Záložka může být jakýkoliv element s nějakým obsahem, který má nastaven atribut id [více]. Dříve se ale namísto id používal atribut name a proto je kvůli podpoře starších prohlížečů dobré, uvádět ještě oba:

<h2 id="rukavice" name="rukavice">Rukavice na lyže</h2>

Odkaz na nějakou záložku pak vypadá takto:

<a href="#rukavice"> Odkaz na rukavice </a>

Je-li pak požadovaná záložka na jiné stránce, než odkaz na ní, lze se to zapsat dohromady:

<a href= "../lyže/vybaveni.html#rukavice"> Odkaz na rukavice </a>

popisky

Na vytvoření bubliny s texetm, která se zobrazí při najetí myši na prvek, slouží atribut title. Ten lze použít i u jiných elementů:

<a href="./stranka2.html" title="tento odkaz vede do Háje"> Jiná stránka </a>

Vypadá to takto: Příklad - při najetí myší se zobrazí popisek

< Předchozí Následující >

© 2006-2007 Petr Kuda - www.troska.cz

O webu
Slovníček pojmů
Odkazy
Verze pro tisk (pdf)
TOPlist