Výčty, seznamy, nabídky,...

Občas je potřeba na stránce nějak zformátovat text do určitého tvaru (např. obsah knihy členěný podle oddílů, částí, kapitol a článků), každý prvek seznamu tedy bude jinak odsazen a také jinak označen. Představte si, že máte obsah téměř hotový, jen jste čtvrtý řádek od začítku špatně očíslovali (číslovali jste ručně a odsazovali pomocí BLOCKQUOTE...). Pak máte 2 možnosti:

  1. Zaměstnáte nějaký dávkový editor (třeba UNIXový sed).
  2. Chvilku budete řádit, ale paxe uklidníte a hezky ručně budete číslovat znova...

HTML je k vám ale mnohem přátelštější (šetří nervy :-) a k tomu účelu vám poskytuje širokou paletu výčtů a seznamů ať již tříděných (rozumějte číslovaných) nebo netříděných. V praxi vám doporučuji používat pouze první dva druhy seznamů + poslední (UL, OL a DL), protože ty další (MENU a DIR) jsou zastaralé a brzy prý (nevím jistě) budou z HTML vyřazeny.

Nečíslovaný (neuspořádaný) seznam

Nečíslovaný seznam se vyznačuje tím, že jednotlivé položky odsadí od začátku řádku a jako první znak vypíše určený symbol.

<UL>
Tento párový příkaz označuje rozsah a styl seznamu (tzn. všechno co je mezi <UL> a </UL> se zobrazí odsazené a na začátku řádku bude daný znak). Každý bod seznamu začíná znakem, který se vybere parametrem TYPE. Může nabývat hodnot:

DISCImplicitní volba. Na každý řádek se nakreslí tečka (vyplněné kolečko).
CIRCLENa každý řádek se vykreslí prázdné kolečko.
SQARENa každý řádek se nakreslí čtvereček.
<LI>
Tímto nepárovým příkazem se označují jednotlivé body seznamu, které začínají nastaveným znakem, příkaz má parametr

TYPEZměna typu označení (CIRCLE prázdné kolečko,SQARE čtvereček, viz výše)
<LH>
Označuje titulek seznamu (vlastní neoznačená položka seznamu)

Číslovaný (uspořádaný seznam)

Číslovaný seznam se svou syntaxí téměř neliší od nečíslovaného, ale má jiné parametry a jinou hlavičku.

<OL>
Hlavička číslovaného seznamu. Odpovídá příkazu <UL>. Narozdíl od něj má jiné hodnoty v parametru TYPE:

1Implicitní volba. Každý řádek se podle pořadí označí arabskou číslicí
IKaždý řádek se označí velkou římskou číslicí.
iKaždý řádek se označí malou římskou číslicí.
AKaždý řádek se označí velkým písmenem anglické abecedy.
aKaždý řádek se označí malým písmenem anglické abecedy.
<LH>
Označuje titulek seznamu (vlastní nečíslovaná položka seznamu)
<LI>
Stejně jako u neuspořádaného seznamu, i zde se označuje každý bod seznamu příkazem <LI>, v číslovaném seznamu však může mít následující parametry:

VALUEZmění číslo položky (umožňuje přeskakovat nebo se vracet v řazeném seznamu na určitý bod)
TYPEZměna typu označení (1arabské,a malá písmena, viz výše)

Nabídka

Nabídka je málo používaný druh seznamu (většinou se používá nečíslovaný seznam). Já jsem zatím nenašel zásadní rozdíl mezi nečíslovaným seznamem a nabídkou.

<MENU>
Označuje hlavičku nabídky (podobně jako <UL> a <OL>).
<LI>
Položka seznamu, syntaxe je stejná jako u nečíslovaného seznamu.
<LH>
Titulek nabídky, syntaxe je stejná jako u nečíslovaného seznamu

Adresář

Adresář se také používá poměrně zřídka a jeho syntaxe je velmi podobná předchozím druhům seznamů.

<DIR>
Označuje hlavičku adresáře (podobně jako <UL> a <OL>).
<LI>
Položka adresáře, syntaxe je stejná jako u nečíslovaného seznamu.
<LH>
Hlavička (hranice) adresáře. Stejná funkce jako např. <LH> příkazu <UL>.
Dále se adresářem nebudu zabývat, protože se používá ze všech uvedených nejméně a mimo hlavičky má i naprosto stejnou syntaxi jako nabídka nebo nečíslovaný seznam.

Výklad definic

Například pro slovníky lze použít speciální formu seznamu - výklad definice. Tímto způsobem jsou na této stránce zobrazovány a vysvětlovány jednotlivé příkazy HTML.

<DL>
Toto je hlavička výkladu definic (odpovídá příkazu <UL>). Může mít jediný parametr:

COMPACTTen způsobí, že se seznam bude psát zhuštěně.
<DT>
Tento příkaz je nepárový a označuje formuli (pojem, vykládaný termín).
<DD>
Tento nepárový příkaz označuje výklad definice.

Příklad

<HTML>
<HEAD>
<TITLE> Příklad formátování textu </TITLE>
</HEAD>
<BODY>
Tady je ukázka seznamů, definic a nadídek...<P>
<UL TYPE=CIRCLE>
<LH> Toto je příklad nečíslovaného seznamu (tento text je hlavička)
<LI> Toto je první položka seznamu
<LI> Toto je druhá položka seznamu
<LI TYPE=SQUARE> Toto je příklad změny typu označení (SQUARE)
<LI TYPE=DISC> A toto je opět změna, tentokrát ovšem na implicitní DISC
</UL>
<HR WIDTH=60% SIZE=10 NOSHADE>
<OL TYPE=1>
<LH> Ted vám ukážu číslovaný seznam
<LI> položka seznamu (číslo se dosazuje automaticky)
<LI> položka seznamu (číslo se opět dosadilo samo)
<LI TYPE=I> položkou jsem změnil styl zobrazení na římské číslice.
<LI TYPE=a VALUE=10> a ted jsem změnil na anglická písmena a přeskočil všechna čísla na desátý bod
</OL>
<HR>
<MENU>
<LH> Máte rádi menu? Tak tady jedno máte
<LI> Tohle je první položka menu
<LI> Tohle druhá (jde to těžko, protože teď už musím číslovat)
<LI> No nevypadá to přesně jako nečíslovaný seznam?
</MENU>
<P>
A to je KONEC... </BODY>
</HTML>

Příklad použití výčtů a seznamů