HTML - Zoznamy

Jazyk HTML umožňuje vypisovať tzv. zoznamy - súbory položiek, ktoré spolu nejako súvisia. Tie môžu byť nečíslované, číslované a definičné.

Nečíslovaný zoznam

Na začiatok malá ukážka zoznamu s odrážkami:

• Prvá položka
• Druhá položka
• Tretia položka

Nečíslovaný zoznam sa vkladá párovým tagom UL. Ten obsahuje jednotlivé položky - LI.

<ul>
 <li>Prvá položka</li>
 <li>Druhá položka</li>
 <li>Tretia položka</li>
</ul>

Atribút TYPE tagu UL určuje typ odrážky. Môže nadobudnúť hodnotu disc (predvolené, plný krúžok), square (prázdny štvorček) alebo circle (prázdny krúžok).

Číslovaný zoznam

Podobá sa predchádzajúcemu príkladu, ale miesto kruhov a štvorcov používa ako odrážky čísla.

1. Prvá položka
2. Druhá položka
3. Tretia položka

Teraz používame párový tag OL. Položky sa značia rovnako (LI).

<ol>
 <li>Prvá položka</li>
 <li>Druhá položka</li>
 <li>Tretia položka</li>
</ol>

Tagu OL môžeme pripísať atribút TYPE, určujúci typ číslovania. Hodnoty sú nasledovné:

Pozrite si tento kód.

<ol type="I">
 <li>Prvá položka</li>
 <li>Druhá položka</li>
 <li>Tretia položka</li>
</ol>

Tu je výsledok:

1. Prvá položka
2. Druhá položka
3. Tretia položka

Definičný zoznam

Slúži na to, čo napovedá jeho názov - definície pojmov. Zoznam je párový tag s označením DL. Obsahuje pojmy - DT a ich vysvetlenia - DD.

<dl>
 <dt>HCl</dt>
 <dd>kyselina chlorovodíková</dd>
 <dt>HF</dt>
 <dd>kyselina fluorovodíková</dd>
</dl>

Vyzerá to takto:

HCl

kyselina chlorovodíková

HF

kyselina fluorovodíková