WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Számozott listák egymásba ágyazása



Több szintű számozott lista


Jól használható több szintű tartalomjegyzékek készítéséhez.

A belső lista mindig a külső lista egy listaelemében helyezkedik el.

Példa:

Forráskód



<html lang="hu">
  <head> 
    <title> Egymásba ágyazott számozott listák </title>
    <meta charset="UTF-8">  
  </head>
  <body>
    <h2>Egymásba ágyazott számozott listák</h2>

    <ol type="I">
      <li>Külső elem
         <ol type="a">
           <li>Belső elem</li>
           <li>Belső elem</li>
           <li>Belső elem</li>
         </ol>
      </li> 
      <li>Külső elem
         <ol type="a">
           <li>Belső elem</li>
           <li>Belső elem</li>
           <li>Belső elem</li> 
         </ol>   
      </li>             
    </ol>   

   </body>
</html>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_listak_egymasba_uo.html