W języku HTML, można wykorzystywać listy numerowane, jak również listy nienumerowane. W języku HTML 5 pojawiła się również możliwość dodawania list opisowych.
Listy nienumerowane
Listy nienumerowane to takie, w których kolejność elementów nie ma większego znaczenia. Elementy listy mogą być poprzedzone kółkiem, kwadratem lub niczym, w zależności od tego, jakie style CSS wykorzystasz. Lista nienumerowana jest definiowana za pomocą tagu <ul>. Każdy element listy powinien znajdować się w tagu <li>.
Listy numerowane
W listach numerowanych, kolejność prezentowanych elementów ma znaczenie. Każdy element dostanie odpowiedni numer (lub literę jeżeli dodasz atrybut type). Atrybut ten może przyjmować wartości.
- 1 - lista numerowana cyframi (domyślnie)
- a - lista numerowana będzie małymi literami
- A - lista numerowana będzie dużymi literami
- I - lista numerowana będzie dużymi cyframi
- i - lista numerowana będzie małymi cyframi
Listy HTML - nazewnictwo
Aby łatwiej zapamiętać nazewnictwo, możesz sobie skojarzyć skróty, z nazwami angielskimi:
- ul - unordered list
- ol - ordered list
- li - list item
Listy opisowe
Listy opisowe są definiowane przez tag <dl> oraz zawierają elementy <dt> które wskazują na nazwę elementu oraz <dd>, które wskzują opis elementu.