Zprávy |  Hardware |  PDA |  MP3 |  Design |  Windows 98 |  Windows NT/2000 |  Vývoj |  Soubory |  Slovník |  Poradna |
 Hledání:
  
 Pokročilé  Máte problém?
Živě o počítačích a Internetu
Přidat zprávy na aktivní plochu Živě si čte 582 lidí  
         
Hrej hry na Internetu a vyhrej super věci!
Vývoj
 Apache a IIS
 ASP a skripty
 HTML
 Průvodci
 Doporučené weby
 Výuka HTML

 EnglishEnglish

Živě
 Články za týden
 Nové příspěvky
 Nejčtenější články
 Ankety
 Autoři
 Reklama na Živě
 Kontakt na redakci
 Živě pro váš server
 Hledáme autory!
 Volná místa v IT

Nakupujte živě
Učíme se RedHat Linux
Bill McCarty, Computer Press
Příliv uživatelů přecházejících na operační systém Linux se zdá být nevyčerpatelný. Od té doby, co Linux způsobil velký třesk v komerčním světe softwaru, přešly na něj milióny lidí a i ...

178,00 Kč
Jak vytvářet www stránky - 6. díl
Karel Kilián HTML - 17. 1. 2000 0:00

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.
Pošli článek
Tiskni článek
Přidej názor
Textová inzerce
Volna-mista.cz: více než 1 600 pracovních príležitostí
Vltava: NEJLEVNĚJŠÍ hudební CD a DVD na českém trhu
Pauza: Ropa za zbraně?
FlashFun: bav se, hrej hry na Internetu a VYHRAJ super věci!
Sháníte mobilní telefon?: Vyberte si z bohaté nabídky za nejlepší ceny ...
Mobilmania: NOVÝ internetový časopis o mobilních telefonech a operátorech
Aktuální články
Slovník
Není vám jasný nějaký pojem? Zeptejte se slovníku Živě:

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ě:

  • první
  • druhá
  • třetí
  • čtvrtá
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:

  1. první
  2. druhá
  3. třetí
  4. č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:

  1. Jak sami vidíte, tento seznam začíná písmenem c
  2. protože parametr TYPE má hodnotu a
  3. 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 č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:

  1. První položka číslovaného seznamu, který se dále větví
    • na další
    • a další nečíslované položky
  2. Tady máme druhou položku
  3. Tady třetí
  4. A tady čtvrtou, která se větví
    1. na další
    2. a další
    3. a ještě jednu číslovanou položku
Důležité je nezapomí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 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:

Zajímá-li vás bližší pohled na tento článek, podívejte se na něj v souvislostech.


 Diskusní fórum čtenářů (2 zprávy)
[Nový příspěvek][Vypsat vše]

Copyright 1996-2000 Computer Press, a.s., realizační tým