bardzofajna

Wypunktowanie (podstawowy) - lista nieuporządkowana

<ul>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ul>

Lista uporządkowana (numerowana)

z ang. ordered list – jest definiowana przez znacznik <ol></ol>, zaś pojedynczy element takiej listy również zamknięty jest w znacznikach <li></li>

Widok w kodzie HTML:

 <ol>
    <li>Królestwa Północy</li>
    <li>Scoia'tael</li>
    <li>Cesarstwo Nilfgaardu</li>
    <li>Skellige</li>
 </ol> 

Oczywiście w niektórych przypadkach zajdzie potrzeba tzw. zagnieżdżenia list, czyli stworzenia listy wewnętrznej wewnątrz znaczników <li></li> listy zewnętrznej. W poniższym przykładzie lista zewnętrzna to lista numerowana, a wewnętrzna to lista nienumerowana (choć równie dobrze można by zagnieździć je odwrotnie):

 <ol>
    <li>Królestwa Północy
         <ul>
           <li>Sigismund Dijkstra</li>
           <li>Keira Metz</li>
         </ul>
    </li>
    <li>Scoia'tael
        <ul>
           <li>Iorveth</li>
           <li>Isengrim Faoiltiarna</li>
        </ul>
    </li>
 </ol> 

Rezultat w przeglądarce:

1. Królestwa Północy
   • Sigismund Dijkstra
   • Keira Metz
2. Scoia'tael
   • Iorveth
   • Isengrim Faoiltiarna