Lista nieuporządkowana (nienumerowana)

z ang. unordered list – jest definiowana przez znaczniki <ul></ul>, zaś pojedynczy element takiej listy zamknięty jest w znacznikach <li></li> - z ang. list item).

Widok w kodzie HTML:

 <ul>

    <li>Królestwa Północy</li>

    <li>Scoia'tael</li>

    <li>Cesarstwo Nilfgaardu</li>

    <li>Skellige</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> 

Zagnieżdżanie list

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> 

Źródło