Tvorba seznamů

Co mají nakupní lístek, výherní či startovní listina společného? Vždy jde o seznam, ať už číslovaný či nikoliv. Chtěli by jste nějaký takový seznam vytvořit i v HTML? Máte štěstí, protože i na toto bylo pamatováno. Nyní můžete vytvořit WWW stránky s nákupním seznamem a tu odeslat e-mailem osobě, jež daný nákup provede. Jak jednoduché ;-).

Tagy zmíněné v sekci

  • <UL> - párový tag ohraničující nečíslovaný seznam
  • <OL> - párový tag ohraničující číslovaný seznam
  • <LI> - párový tag ohraničující jednu položku seznamu

Netříděný seznam

Netříděný seznam se vyznačuje tím, že jeho jednotlivé položky nejsou rozlišeny. Většinou jsou označeny nějakým grafickým prvkem jako puntík, kolečko, čtverec ...

<UL>
 <LI>první bod seznamu</LI>
 <LI>druhý bod seznamu</LI>
 <LI>třetí bod seznamu</LI>
</UL>

Praktická ukázka nečíslovaného seznamu

Milý Ježížku, k Vánocům si přeji toto:

  • hodinky s vodotryskem
  • horské kolo s odrpruženou přední i zadní vidlicí
  • nový počítač
  • bráchu - sestry už mám dost!!!

Doufám, že to takhle nepíšete!

Tříděný seznam

Možno by se mohlo zdát, že stačí používat netříděný seznam, ale jde o mýlku. Podívejte se třeba do čtvrté lekce, kde je na každé straně rozcestník. Představte si, že by byl tento seznam neočíslovaný, to by jste se asi brzy ztratili. Co teprve takový sportovní klub, jež chce na svých internetových stránkách umístit listinu výsledků z nějakého přeboru. Opět poteřbuje seznam číslovaný.

<OL>
 <LI>první bod seznamu</LI>
 <LI>druhý bod seznamu</LI>
 <LI>třetí bod seznamu</LI>
</OL>

Opět ukázka z praxe

Výsledky běhu na 4000m

  1. Horký, Pavel
  2. Starý, Martin
  3. Žalud, Boleslav
  4. Vyskočil, Adam

Gratulujeme.

Nakonec vnořování seznamů

Myslím, že vše nejlépe pochopíte na příkladu:

<UL>
 <LI>hlava</LI>
   <UL>
    <LI>ústa</LI>
     <UL>
      <LI>zuby</LI>
      <LI>jazyk</LI>
      <LI>dásně</LI>
     </UL>
    <LI>nos</LI>
    <LI>oči</LI>
  </UL>
 <LI>tělo</LI>
  <UL>
   <LI>hrudník</LI>
   <LI>břicho</LI>
   <LI>záda</LI>
  </UL>
 <LI>končetiny</LI>
  <UL>
   <LI>ruce</LI>
   <LI>nohy</LI>
  </UL>
</UL>

  • hlava
    • ústa
      • zuby
      • jazyk
      • dásně
    • nos
    • oči
  • tělo
    • hrudník
    • břicho
    • záda
  • končetiny
    • ruce
    • nohy