HTML Zoznamy

V HTML sa dajú robiť aj zoznamy. Je to pomerne dôležitá časť aj keď sa to tak nezdá. Zoznamy sa využívajú hlavne na menu.

V HTML máme dva druhy zoznamou neusporiadané a usporiadané. Neusporiadané sa začínajú tagom <ul>, tým definujeme, že nasleduje neusporiadaný zoznam. Potom každý prvok zoznamu dáme do tagov <li></li>. Takto dáte koľko len chcete prvkov a keď chcete zoznam ukončiť napíšete </ul>.

Príklad:

<ul>

<li>pes</li>
<li>macka</li>
<li>mys</li>

</ul>

Keď je nejaký predmet v zozname tak HTML pred neho automaticky vypíše čiernu guľku. To čo tam vypíše má štyri možnosti. Ak nič nenastavíte tak tam vypíše malú čiernu guličku. Ale inak sa to nastavuje takto:

Príklad:

<ul style="list-style-type:disc">

<li>pes</li>
<li>macka</li>
<li>mys</li>

</ul>

Keď tam napíšete disc tak je to to základné. Ale okrem toho tam môžete napísať circle, square, none. Pri circle to vypíše malý krúžok bez výplne, pri square to vypíše čierny štvorček, a pri none to nevypíše nič.

Pri zoradenom zozname sa miesto <ul> napíše <ol> (unordered list, ordered list).

Tu môžu byť štyri tipov odrážiek:

-čísla (1, 2, 3 ...)

-veľké písmená (A, B, C ...)

-malé písmená (a, b, c ...)

-rímske číslice (I, II, III ...)

Príklad:

<ol type="1">

<li>pes</li>
<li>macka</li>
<li>mys</li>

</ol>

Pri zoradenom liste sa typ odrážky určuje cez type. Do úvodzoviek sa potom dá druh odrážok. Keď chcete čísla tak sa tam dá 1, pre rímske čísle to je I (veľkí íčko), pre veľké písmená je to A, pre malé je to a.

Zoznam v zozname

Taktiež viete urobiť list v liste:

Príklad:

<ul>

<li>auto

<ol type="1">

<li>mercedes</li>
<li>audi</li>

</ol>

</li>

<li>lod</li>

<li>lietadlo</li>

</ul>