Do zbudowania listy elementów wykorzystać możemy:

Listy numerowane

Znacznik listy: ol

Przykładowa lista:

1. pierwsza linia
2. druga linia
3. trzecia linia

Kod do wygenerowania powyższej listy:

<ol>
<li>pierwsza linia</li>
<li>druga linia</li>
<li>trzecia linia</li>
</ol>

Cała lista jest zamknięta w znacznikach <ol> i </ol> każdy z elementów listy musi być umieszczny w znacznikach <li> oraz </li>

Listy nienumerowane

Znacznik listy: ul

Przykładowa lista:

• pierwsza linia
• druga linia
• trzecia linia

Kod do wygenerowania powyższej listy:

<ul>
<li>pierwsza linia</li>
<li>druga linia</li>
<li>trzecia linia</li>
</ul>

Cała lista jest zamknięta w znacznikach <ul> i </ul> każdy z elementów listy musi być umieszczny w znacznikach <li> oraz </li>

Oba rodzaje list można wzajemnie zagłębiać:

1. linia pierwsza
2. • do linii pierwszej A
   • do linii pierwszej B
3. 1. nowa 1
   2. nowa 2
4. linia druga

Kod do powyższego przykładu:

<ol>
<li>linia pierwsza</li>
<li>
<ul>
<li>do linii pierwszej A</li>
<li>do linii pierwszej B</li>
</ul>
</li>
<li>
<ol>
<li>nowa 1</li>
<li>nowa 2</li>
</ol>
</li>
<li>linia druga</li>
</ol>