• Számozott lista
• Definíciós lista
Felsorolás esetén a felsorol elemek előtt a böngészők alapértelmezésben nagyobb pontokat jelenítenek meg. HTML segítségével nem lehet rajtuk változtatni, webmesterek azonban CSS segítségével akár képeket is megjeleníthetnek a felsorolt szövegek előtt.
Az egész felsorolást az „ul” címkék közzé tesszük, az egyes elemek pedig az az „li” címkék zárnak. Például a madarak, hüllők, kétéltűek és a halak felsorolása a következő módon történik:
<ul>
<li>madarak</li>
<li>hüllők</li>
<li>kétéltűek</li>
<li>halak</li>
</ul>
Számozott listákat az „ol” címkék között jelenítjük meg. Az egyes elemeket a felsoroláshoz hasonlóan az „li” címkékkel adjuk meg. A felsorolt elemek előtt a böngészők sorszámokat jelenítenek meg. A számozás egyessel kezdődik az első elemnél.
<ol>
<li>madarak</li>
<li>hüllők</li>
<li>kétéltűek</li>
<li>halak</li>
</ol>
Definíciós lista esetén az egyes elemek előtt semmi sem jelenik meg, ellenben a következő sorban kissé beljebb kezdve, vagyis behúzva, az elem magyarázatát találjuk. A definíciós listákat az „dl” címkék közzé zárjuk. Az egyes elemek a „dt” címkék között helyezzük. Az elemekhez tartozó leírásokat, illetve definíciókat pedig a „dd” címkék között adjuk meg.
<dl>
<lt>madarak</lt>
<dd>mellső végtagjai szárnyakká alakult gerincesek</dd>
<lt>hüllők</lt>
<dd>valamennyi magzatburkos állat, a kétéltűek és az emlősök kivételével</dd>
<lt>kétéltűek</lt>
<dd>a vízben és a szárazföldön egyaránt életképes gerincesek</dd>
<lt>halak</lt>
<dd>vízi életmódhoz szokott gerincesek</dd>
</dl>
Ha a listákat egymásba ágyazzuk, akkor többszintű listát kapunk.
<ul>
<li>Hazai
<ul>
<li>körte</li>
<li>barack</li>
<li>szilva</li>
</ul>
</li>
<li>Külföldi
<ul>
<li>banán</li>
<li>citrom</li>
<li>narancs</li>
</ul>
</li>
</ul>
Egymásba ágyazott számozott listák:
<ol>
<li>Hazai
<ol>
<li>körte</li>
<li>barack</li>
<li>szilva</li>
</ol>
</li>
<li>Külföldi
<ol>
<li>banán</li>
<li>citrom</li>
<li>narancs</li>
</ol>
</li>
</ol>
