| Entita | Znak |
|---|---|
| | pevná mezera |
| < | < |
| > | > |
| & | & |
| " | " |
| ­ | |
| ± | ± |
| × | × |
| ® | ® |
| © | © |
| € | € |
| » | » |
| « | « |
Tag pro odkazy je velmi jednoduchý: <a>.
Do parametru href zadáme cestu k souboru.
Takže syntaxe by měla vypadat následovně:
<a href="nazev_stranky.htm">Definice odkazu na nějakou stránku</a>
Ohraničený text zmodrá, zobrazí se podtržený a při najetí se kurzor změní na pacičku. Kliknutím se otevře soubor zadaný v parametru HREF. Pro zadání cesty platí stejná pravidla, jako u obrázků a zrovna tak jako obrázek, i odkaz může mít svou popisku.
<a href="nazev_stranky.htm" title="popiska">Odkaz na stránku</a>
Dále se dá nastavit místo otevření cíle a to pomocí parametru TARGET, který nabývá hodnot _top, _blank a "název".
<a href="nazev_stranky.htm" target="_top">Stránka se otevře v tom samém okně.</a>
<a href="nazev_stranky.htm" target="_blank">Stránka se otevře v novém okně.</a>
<a href="nazev_stranky.htm" target="_self">Definuje se u framu, načte se do téhož rámu.</a>
<a href="nazev_stranky.htm" target="_parent">Definuje se u framu, načte se do nadřazeného rámu.</a>
Pokud odkazujete na jinou webovou stránku, nesmíte zapomenout vyplnit adresu kompletní, to znamená včetně http:// na začátku. V opačném případě si bude HTML myslet, že hledaný soubor je u vás na webu, což skončí samozřejmě chybou.
Musíte si uvědomit, že mezi *.html souborem, archívem ZIP nebo herním instalátorem není v podstatě žádný rozdíl. Pouze když napíšete do prohlížeče adresu html souboru, tak ho prohlížeč umí zobrazit a zobrazí ho. V ostatních případech nabídne soubor ke stažení. Proto odkaz na soubor vytvoříte úplně stejně, jako odkaz na jinou webovou stránku. Do parametru HREF zadáte cestu k danému souboru.
<a href="nejaky_soubor.zip">Odkaz na soubor </a>
Prohlížeč ovšem umí zobrazovat i jiné soubory než html. Mezi ty patří třeba obrázky, proto pokud klepnete na odkaz vedoucí na obrázek, s největší pravděpodobností se vám místo stáhnutí zobrazí. Obejít se to dá klepnutím pravým tlačítkem na soubor a vybráním Uložit odkaz/cíl jako. Na tento fakt se v některých případech vyplatí upozornit i uživatele vašeho webu, pokud jim nabízíte obrázky ke stažení.
Kotvy odkazují na konkrétní místa na té samé nebo jiné stránce.
<a href="#nazevkotvy">Odkaz</a>
<A name="nazevkotvy">Kotva</a>
Druhý řádek vytváří kotvu (může i nemusí obsahovat titulek), tedy místo na které se snažíme odkázat. A ten první je samotný odkaz (ten samozřejmě titulek obsahovat musí, jinak by nebyl vidět).
<a name="nazevkotvy">Kotva</a>
<a href="stranka.htm#nazevkotvy">Odkaz</a>
Tak toto funguje úplně stejně, akorát první řádek je umístěn na stránce stranka.htm a druhý na něj odkazuje.
Je zde ještě druhá možnost, jak definovat kotvy, a to pomocí jednoznačné identifikace elementu, k čemuž využijeme parametr ID. ID můžete přidělit jakémukoliv prvku na stránce.
<div id='komentar'>Nějaký komentář </div>
Identifikátor musí být unikátní pro jednu stránku, nesmí se opakovat pro více prvků.
Pro NAME platí to samé, v praxi ale nedodržení tohoto pravidla dokáže napáchat mnohem větší neplechu u ID.
Jeho využití je velice hojné, nejen v případě kotev.
Odkaz na toto se vytvoří stejným způsobem <a href='#komentar'>odkaz</a>.
Této kotvě se říká spíše fragment a to proto, že na rozdíl od kotvy neukazuje na
jedno místo na stránce, ale definuje rovnou celý útržek stránky.
Oba způsoby fungují naprosto ekvivalentně, nicméně používání fragmentů opět zlepšuje logickou strukturu stránky.
Existuje jedna speciální kotva, kterou nemusíte definovat, funguje vždy automaticky a slouží k přesunu na vršek stránky. Jedná se o kotvu #top. Pokud je stránka dlouhá, vyplatí se dát takový odkaz nakonec, či i v průběhu stránky, aby uživatel nemusel zbytečně rolovat.
<a href="#top">Nahoru</a>
Opět velmi jednoduché. Do tagu <a> vložte místo titulku obrázek pomocí tagu
<img>.
Pokud tak učiníte, zjistíte, že se kolem obrázku vytvořil modrý rámeček.
Ten zrušíte parametrem BORDER, kterému dáte hodnotu 0, nebo pomocí stylů, jak jsme se to učili minulý díl.
<a href="stranka.htm"><img src="obrazek.jpg" border="0"><a>
Odkazy se dají formátovat úplně stejně jako normální text.
Tedy pomocí tagu <font>, jak jsme si to ukazovali v druhém díle.
<font color="red" size="5" face="arial">
<a href="stranka.htm"><b>odkaz na stránku</b>
</a></font>
Tento odkaz bude tlustě, arialem, velikostí 5, ale překvapivě bude pořád modrý. Je to tak standardně nastavené kvůli odlišení od ostatního textu. Tímto způsobem s tím nic nenaděláme, ale pomocí CSS se toho dá ovlivnit ještě mnohem více.