Jak vytvářet www stránky - 6. díl
Vítejte u šestého pokračování našeho seriálu, který vás provede základy vytváření webových stránek. V dnešním díle se podíváme na to, jak lze vytvořit seznamy s odrážkami a krátce také nahlédneme do světa hyperlinkových odkazů, které jsou alfou a omegou Internetu.
Nečíslovaný seznam
Nečíslovaný seznam uvedete tagem <UL> (UL=unnumbered list), každou položku seznamu pak nepárovým tagem <LI> (LI=list item), vše nakonec uzavřete uzavíracím tagem </UL>. Lépe bude vysvětlit si to celé na názorném příkladu:
<UL>
<LI>první
<LI>druhá
<LI>třetí
<LI>čtvrtá
</UL>
Výsledek bude vypadat následovně:
Jak do tagu <UL>, tak i do tagu <LI>; lze uvést parametr TYPE určující, jak budou vypadat odrážky. Tento parametr může mít tři následující hodnoty:
TYPE=disc - prázdné kolečko
TYPE=circle - plné kolečko
TYPE=square - čtverec
Číslovaný seznam
Číslovaný seznam se od nečíslovaného liší především tím, že jej uvádíte tagem <OL> (ordered list) a ukončujete </OL>. Postup použití je stejný jako v předcházejícím případě, pouze jsou místo grafických odrážek zobrazeny číslice nebo písmena.
Příklad:
<OL>
<LI>první
<LI>druhá
<LI>třetí
<LI>čtvrtá
</OL>
A výsledek bude vypadat takto:
- první
- druhá
- třetí
- čtvrtá
Podobně jako u tagu <UL> můžete parametrem TYPE definovat typ číslování:
TYPE=A - velká písmena (A, B, C ...)
TYPE=a - malá písmena (a, b, c ...)
TYPE=I - velké římské číslice (I, II, III ...)
TYPE=i - malé římské číslice (i, ii, iii ...)
TYPE=1 - arabské číslice (1, 2, 3 ...)
Chcete-li číslovat seznam od jiného, než implicitně prvního čísla nebo písmena (1, I, a, A, ...), můžete použít Parametr START. Oba parametry si názorně vysvětlíme na příkladě:
<OL TYPE=a START=3>
<LI>Jak sami vidíte, tento seznam začíná písmenem c
<LI>protože parametr TYPE má hodnotu a
<LI>a parametr START hodnotu 3
</OL>
Výsledek vidíte zde:
- Jak sami vidíte, tento seznam začíná písmenem c
- protože parametr TYPE má hodnotu a
- a parametr START hodnotu 3
Vnořování seznamů
Seznamy lze do sebe libovolně vnořovat. Můžete vytvořit vnořený číslovaný i nečíslovaný seznam, stejně jako vnořený seznam kombinující jak číslované, tak nečíslované položky.
<OL type=1>
<LI>První položka číslovaného seznamu, který se dále větví
<Ul type=circle>
<LI>na další
<LI>a další nečíslované položky
</UL>
<LI>Tady máme druhou položku
<LI>Tady třetí
<LI>A tady čvtrtou, která se větví
<OL type=a>
<LI>na další
<LI>a další
<LI>a ještě jednu číslovanou položku
</OL>
</OL>
Výsledek by měl vypadat takto:
- První položka číslovaného seznamu, který se dále větví
- na další
- a další nečíslované položky
- Tady máme druhou položku
- Tady třetí
- A tady čvtrtou, která se větví
- na další
- a další
- a ještě jednu číslovanou položku
Důležité je nazapomínat na správné uzavírání párových tagů - ke každému uvozovacímu tagu musí existovat i tag ukončovací.
Hyperlinkové odkazy
Element <A> (anchor neboli kotva) je základním kamenem webových stránek. Umožňuje vytváření hyperlinkových odkazů, které mohou směrovat na jinou stránku nebo soubor. Právě díky vzájemnému protkání stránek hyperlinkovými odkazy bývá Internet často označován slovem pavučina (původ pochází z anglického slovíčka web). Dnes se naučíme vytvořit jednoduchý odkaz na jinou www stránku.
Element <A> má následující základní strukturu:
<A HREF="soubor, na který se odkazuje">popis odkazu</A>
Místo textu soubor, na který se odkazuje vložíte mezi uvozovky adresu na stránku nebo soubor, na níž odkazujete. Odkazujete-li na stránku (tj. dokument s příponou htm, html, asp, ...), otevře se po kliknutí tato stránka v okně prohlížeče. Jestliže odkazujete na soubor, zachová se browser podle toho, jakou příponu má odkazovaný soubor - nabídne uložení na disk nebo spustí přidruženou aplikaci a otevře v ní zmíněný soubor.
Text popis odkazu nahradíte tím, co uvidí uživatel jako text ve svém prohlížeči.
Příklad:
po kliknutí na <A HREF="http://www.seznam.cz">tento odkaz</A> přejdete na stránku vyhledávače Seznam
Výsledek bude vypadat takto (zkuste si myší kliknout na text tento odkaz):
po kliknutí na tento odkaz přejdete na stránku vyhledávače Seznam
Tímto jsme vytvořili odkaz na server www.seznam.cz. Neodkazujeme na žádnou konkrétní stránku, takže prohlížeč bude na serveru automaticky hledat stránky index, default nebo main.
Chcete-li například vytvořit odkaz na stránku nabízející aktuální vydání britské hitparády, budete muset odkaz směrovat přesněji:
<A HREF="http://www.dotmusic.com/charts/top75singles_print.asp">Oficiální britská top 75</A>
V tomto případě odkazujete na stránku top75singles_print.asp umístěnou v adresáři charts na serveru www.dotmusic.com.
Pro tento týden si dáme pohov, ale těšte se - příště si povíme o hyperlinkových odkazech další podrobnosti. Do té doby si můžete procvičovat vytváření vnořených seznamů protknutých hyperlinky.
|
