Zaměříme se na vytváření odkazů, samozřejmě s návazností na definici kaskádových stylů.
Vytváříme odkazy
V navigaci stránek jsme již použili odkazy, a také jsme je propojili z převážné většiny na příslušné webové stránky, které jsme postupně zpracovávali. Zbývá nám ještě tlačítko KONTAKTY - při té příležitosti si vysvětlíme další typy odkazů.
Začneme tedy jako obvykle tím, že si otevřeme v HTML editoru Yugie naši šablonu, kterou máme uloženou pod názvem vzorova_stranka.html a uložíme ji pod názvem kontakty.html.
Nejprve zadáme do zdrojového kódu nadpis stránky:
Pod nadpis ještě zapíšeme obyčejné textové údaje - tedy adresu a telefon:
<p>Adresa: Blahoslavova 4, Praha 3
<p>Telefon: 271 771 610<br>
(značku <br> použijeme pro zalomení řádku)
Odkaz na elektronickou poštu
A budeme pokračovat zadáním odkazu na elektronickou poštu. V HTML editoru Yugie se přepneme na záložku Odkazy, kde použijeme vyznačenou ikonku:
Tím vyvoláme dialogové okno pro definici odkazu, který bude otvírat poštovní program a tím umožní návštěvníkovi našich stránek, aby přímo po otevření tohoto odkazu mohl napsat e-mail na zadanou e-mailovou adresu, vyplněn bude i předmět e-mailu.
Po kliknutí na takto zadaný odkaz se tedy otevře poštovní program takto:
Odkaz na externí internetovou prezentaci
Dalším typem odkazu, který vytvoříme, bude odkaz na cizí internetovou prezentaci.
Na novém řádku vytvoříme odstavec <p> a zadáme text:
<p>Přehled aktuálních termínů najdete v systému
Na záložce Odkazy tentokrát použijeme první ikonu, která vyvolá dialogové okno:
Zde označíme volbu Vložit http:// (to je potřeba proto, že odkazujeme na jiné stránky.
Do pole URL zadáme adresu webových stránek, které má odkaz otevřít (tak, jako bychom ji napsali do adresního řádku internetového prohlížeče).
… 