Zoznamy

Neoddeliteľnou súčasťou webových stránok sú rôzne zoznamy - číslované aj nečíslované, ktoré robia text prehľadnejším. Text sa jednoduchšie číta, v rámci odrážok môžeme „vypichnúť“ dôležité časti textu.

Najčastejšie sa stretávame s nasledovnými typmi zoznamov:

• neusporiadané zoznamy
• usporiadané zoznamy
• zoznamy definícií

Neusporiadané zoznamy

Pri neusporiadaných zoznamoch nezáleží na poradí jednotlivých položiek. Samotný neusporiadaný zoznamom vytvoríme pomocou značky „ul“ ukončenej značkou „/ul“. Text, ktorý chceme zobraziť pomocou odrážok umiestňujeme medzi značky „li“ a „/li“. Vďaka nim bude každá položka umiestnená na novom riadku.

Vzhľad si samozrejme môžeme upraviť prostredníctvom CSS.

Ako som už povedal, najlepšie je vyskúšať si na konkrétnom príklade.

Jednoduchý príklad:

<p>
Typy zoznamov:
</p>
<ul>
<li>neusporiadané zoznamy</li>
<li>usporiadané zoznamy</li>
<li>zoznamy definícií</li>
</ul>

Usporiadané zoznamy

Pri usporiadaných zoznamoch záleží na poradí jednotlivých položiek. Pred jednotlivými položkami sa nachádzajú čísla alebo písmená. Samotný usporiadaný zoznamom vytvoríme podobne ako neusporiadaný, ale použijeme značku „ol“ ukončenú značkou „/ol“. Text, ktorý chceme zobraziť pomocou číslovaných odrážok umiestňujeme opäť medzi značky „li“ a „/li“. Vďaka nim bude každá položka umiestnená na novom riadku.

Jednoduchý príklad:

<p>
Umiestnenie súťažiacich:
</p>
<ol>
<li>Jozef Rýchly</li>
<li>Peter Červený</li>
<li>Andrej Bystrý</li>
</ol>

Zoznamy definícií

Špeciálnym prípadom zoznamov sú zoznamy definícií, kde zoznam definícií je umiestnený medzi značkami „dl“ a „/dl“. Definovaný pojem uvádzame medzi značkami „dt“ a „/dt“ a samotnú definíciu medzi značkami „dd“ a „/dd“.

Vzhľad si môžeme upraviť prostredníctvom CSS.

Jednoduchý príklad:

<dl>
<dt>Prirodzené čísla:</dt>
<dd>Prirodzené čísla sú čísla 1, 2, 3, ... Súčet a súčin prirodzených čísel je prirodzené číslo.</dd>
<dt>Celé čísla:</dt>
<dd>Celé čísla sú všetky čísla, ktoré môžeme vyjadriť ako rozdiel dvoch prirodzených čísel. Súčet, súčin a rozdiel celých čísel je celé číslo.</dd>
<dt>Racionálne čísla:</dt>
<dd>Racionálne čísla sú všetky čísla, ktoré je možné vyjadriť ako podiel celého a prirodzeného čísla. Súčet, rozdiel, súčin a podiel racionálnych čísel (okrem delenia nulou) je racionálne číslo.</dd>
</dl>

Úloha:

Vytvorte webovú stránku, kde použijete všetky 3 typy zoznamov. Napr. pomocou nečíslovaného zoznamu vypíšte veci, ktoré by ste si určite zobrali na dovolenku. Pomocou číselného zoznamu zapíšte napr. postup konštrukcie trojuholníka. Pomocou zoznamu definícií zapíšte definície podľa vlastného výberu.

V ďalšom článku si povieme o vytváraní odkazov.