![]() |
||
Vývoj | ||
Apache a IIS ASP a skripty HTML Průvodci Doporučené weby ![]() | ||
|
||
Živě | ||
Články za týden Nové příspěvky Nejčtenější články Ankety Autoři Reklama na Živě Kontakt na redakci Hledáme autory! Volná místa v IT |
||
|
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ě:
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:
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:
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 čtvrtou, 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:
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 niž 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.zive.cz">tento odkaz</A> přejdete na stránku Živě Výsledek bude vypadat takto (zkuste si myší kliknout na text tento odkaz): po kliknutí na tento odkaz přejdete na stránku Živě Tímto jsme vytvořili odkaz na server www.zive.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.
Související články:
![]() | ![]() |
|
![]() |
Copyright 2000 Computer Press, realizační tým |