5. Seznamy a výčty

Nečíslovaný seznam

K vytvoření jednoduchého nečíslovaného seznamu slouží párová značka <UL> (unnumbered list). Značka <LI> (list item), obvykle používaná jako nepárová, slouží k definování jednotlivých položek seznamu. Poznamenejme, že užití značky <LI> způsobí automatický přechod na další řádek a není tedy nutno používat značku <BR> pro zalomení řádku.

Příklad 5.1

<UL>
  <LI>První položka
  <LI>Druhá položka
  <LI>Třetí položka
</UL>

Příklad 5.2

Nepovinný atribut type značky <UL>, který může nabývat hodnot disc, circle či square, specifikuje, jak budou vypadat odrážky u jednotlivých položek (plné kolečko, prázdné kolečko či čtverec).

<UL type="square">
  <LI>První položka
  <LI>Druhá položka
  <LI>Třetí položka
</UL>

Příklad 5.3

Atribut type lze též použít u značky <LI>, jak ilustruje následující příklad.

<UL>
  <LI type="disc">První položka
  <LI type="circle">Druhá položka
  <LI type="square">Třetí položka
</UL>

Příklad 5.4

Seznamy lze do sebe navzájem vnořovat, přičemž každá úroveň vnoření je patřičně odsazena a je jí přiřazen jiný typ odrážky.

<UL>
  <LI>První položka první úrovně
  <UL>
    <LI>První položka druhé úrovně
    <LI>Druhá položka druhé úrovně
      <UL>
        <LI>První položka třetí úrovně
        <LI>Druhá položka třetí úrovně
        <LI>Třetí položka třetí úrovně
      </UL>
    <LI>Třetí položka druhé úrovně
  </UL>
  <LI>Druhá položka první úrovně
  <LI>Třetí položka první úrovně
</UL>

Číslovaný seznam

Číslovaný seznam uvozený značkou <OL> (ordered list) má mnoho společného se seznamem nečíslovaným – jednotlivé seznamy lze do sebe vnořovat, k definici položek se používá nepárová značka <LI>. Navíc se však provádí automatické číslování položek.

Příklad 5.5

<OL>
  <LI>První položka
  <LI>Druhá položka
  <LI>Třetí položka
</OL>

Atribut type značky <OL> udává způsob číslování seznamu. Může nabývat celkem pěti hodnot:

• "1" – arabské číslice (1, 2, 3, 4, 5, ...),
• "I" – velké římské číslice (I, II, III, IV, V, ...),
• "i" – malé římské číslice (i, ii, iii, iv, v, ...),
• "A" – velká písmena (A, B, C, D, E, ...),
• "a" – malá písmena (a, b, c, d, e, ...).

Chceme-li seznam číslovat velkými římskými číslicemi, napíšeme <OL type="I">. Značka <OL> může mít ještě další atribut start, který udává hodnotu prvního čísla seznamu. Např. pro start="3" bude číslování začínat číslem 3 (příp. III, iii, C či c podle hodnoty atributu type). Používání atributu start se však příliš nedoporučuje. Následuje ukázka kombinace číslovaného a nečíslovaného seznamu.

Příklad 5.6

<OL type="1">
  <LI>První položka číslovaného seznamu
  <UL>
    <LI>První položka nečíslovaného seznamu
    <LI>Druhá položka nečíslovaného seznamu
  </UL>
  <LI>Druhá položka číslovaného seznamu
  <OL type="A">
    <LI>První položka vnořeného číslovaného seznamu
    <LI>Druhá položka vnořeného číslovaného seznamu
    <LI>Třetí položka vnořeného číslovaného seznamu
  </OL>
  <LI>Třetí položka číslovaného seznamu
</OL>

Definiční výčet

K vytvoření definičního výčtu, který vždy obsahuje pojem a jeho vysvětlení, slouží párová značka <DL> (definition list). Značka <DT> (definition term) pak slouží k zápisu pojmu a značka <DD> (definition) k vlastní definici. Poznamenejme, že obě tyto značky se obvykle používají jako nepárové.

Příklad 5.7

<DL>
  <DT>Pojem 1 <DD>Vysvětlení pojmu 1
  <DT>Pojem 2 <DD>Vysvětlení pojmu 2
  <DT>Pojem 3 <DD>Vysvětlení pojmu 3
</DL>

1. Označte myší zdrojový text libovolné ukázky.
2. Vybraný text zkopírujte do clipboardu.
3. Klikněte myší do textového pole uvedeného níže a text sem z clipboardu vložte.
4. Zdrojový text můžete libovolně upravit.
5. Poté klikněte na tlačítko Ukázat. V okně náhledu se vám zobrazí dokument, jehož zdrojový text byl zapsán v textovém poli.
6. Pokud je třeba, aby se dokument otevřel v novém okně, stačí kliknout na tlačítko Ukázat v novém okně.
7. Tlačítkem Vybrat vše se označí veškerý text zapsaný v textovém poli.
8. Tlačítkem Smazat můžete obsah celého textového pole vymazat.

Náhled: