Odkazy
Odkazování na webovou stránku
Základní syntaxe je stejná bez ohledu na o, jaký typ odkazu chceme vytvořit. začíná značkou <a> a používá se paramtetr href=obsahující adresu URL, nebo cestu k cíli.Po ní následuje podtržený text, který slouží jako odkaz.- <a href="adresa">text odkazu </a>
- text (nebo obrázek) mezi těmito dvěma tagy se zobrazí jako text odkazu ("a" jako angl. "anchor" = odkaz). Po kliknutí na něj se prohlížeč přepne na adresu, která je zadaná atributem HREF.
- atribut tagu "a" se rovná cestě k odkazovanému souboru. Používá se zde buď relativní, nebo absolutní adresa.
- používá se ve formě http://www.seznam.cz.
- relativní cesta
- pokud se chcem odkázat na jiný svůj soubor, je zbytečné vypisovat http:// a celou cestu. Nejlepší je, když je odkazovaný soubor ve stejném adresáři jako ten aktuální. Pak se na něj dá ukázat relativně. Stačí zapsat jenom jméno souboru a prohlížeč to pochopí. Jestliže je ten cílový soubor v jiném blízkém adresáři, stačí napsat href ="adresář/soubor.htm".
Nastavení cílového okna
Standardně se odkaz na stránku otevírá ve stjném okně prohlížeče. Tzn. že se nahradí stávající stránka stránkou novou. Někdy, ale požadujeme aby se stránka otevřela v novém okně. K tomu aby se odkaz otevřel v novém okně, přidáme do značky <a> parametr target="_blank"Poznámka: Parametr target není ve striktním XHTML povolený.
Odkazování na e-mailovou adresu
Někdy je užitečné nasměrovat někoho, aby poslal e-mail určité osobě. Běžně se například uvádí odkaz na e-mail webmastera. Pro odkaz použijeme stejný parametr href= a za to mailto: a e-mailovou adresuPříklad
<html>
<head>
<title>druhý příklad, barva pozadí a odkazy</title>
</head>
<body >
<h1>Pozadí a odkazy</h1>
<p>Obyčejný text.</p>
<p>Odkaz na <a href="http://www.seznam.cz" target="_blank">Seznam</a>.
</p>
<p><a href="priklad2.html">Odkaz na příklad 2.</a></p>
<a href="mailto:reifova.michaela@uhk.cz"> Kontaktujte mě! </a>
</body>
</html>
Jmenné odkazy
Používáme i odkazy na stejné stránce, říkáme jim jmenné odkazy resp. záložky.
K tomu slouží dvě definice odkazu A a dvou parametrů HREF
a NAME
Dva kroky
K tomu, abychom měli na stránce odkaz na záložku, musíme udělat dvě věci.
- Vložit záložku do textu a
pojmenovat ji.
- Udělat odkaz, který bude na
záložku mířit.
Vložení záložky
V HTML kódu vypadá záložka následovně:
<a name="jmeno_zalozky"></a>
Na první pohled to vypadá jako odkaz -- áčko na začátku, ale není to odkaz.
Liší se to ve dvou věcech. Zaprvé odkaz neobsahuje cíl (atribut href), zadruhé
je prázdný = neobsahuje žádný text. V zobrazení textu na stránce se tedy
záložka nijak neprojeví.
Vložení odkazu na záložku
V kódu to vypadá takhle:
<a href="#jmeno_zalozky">text
odkazu</a>.
Klasický odkaz (áčko na začátku + atribut href), pouze v atributu href se na
začátku vyskytuje onen křížek #. A ten znamená, že odkaz nevede na soubor, ale
na záložku.
Nastavení
popisu odkazů
Značka <a> a parametr title. Je to vysvětlující text v bublině.
<a href=“ http://www.seznam.cz/“
title=“odkaz na seznam“>seznam</a>
Nastavení
barvy odkazů pomocí HTML
Parametry link, vlink a alink. Jsou zavržené, provádíme proto nastavení barvy pomocí CSS.