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