e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

Gnezdeni seznam

Koda: 
<ol>
<li>Prestolnice
   <ol style="list-style-type:upper-roman;>
   <li>Brezno</li>
   <li>Maribor</li>
   <li>Ljubljana</li>
   </ol>
</li>

<li>Bogu za hrbtom:
    <ol style="list-style-type:upper-roman;>
    <li>Bled</li>
    <li>Bohinj</li>
    <li>Gorje
        <ol style="list-style-type:upper-alpha;>
        <li>Zgornje</li>
        <li>Spodnje</li>
        </ol>
        </li>
   </li>
   </ol>
</li>
</ol>
Izgled v
brskalniku:
  1. Prestolnice
    1. Brezno
    2. Maribor
    3. Ljubljana
  2. Bogu za hrbtom:
    1. Bled
    2. Bohinj
    3. Gorje
      1. Zgornje
      2. Spodnje
Razlaga:

V podanem primeri je vsak nivo oštevilčenega seznama določen v samem dokumentu HTML s slogovnimi predlogami (lastnost list-style-type). Potrebno je pravilno zaključevanje vsakega gnezdenega seznama. Najprej </ol> za notranji seznam in nato </li> za točko zunanjega seznama.

gor Gor     e-gradiva     CSS     ABC     primeri    

SERŠ Maribor : Strokovna gimnazija : 2004 : Jan Kokalj