dnes je 30.11.2022

Input:

WWW stránky prakticky - 17. část

26.9.2007, , Zdroj: Verlag Dashöfer

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

Nahrávám...
Nahrávám...