Списки використовуються для організації та представлення інформації у структурованому форматі. Існує два основних типи списків: неупорядковані списки (<ul>) та упорядковані списки (<ol>).

Неупорядковані списки

Неупорядковані списки представляють елементи у форматі з маркерами. Кожен елемент у списку визначається за допомогою тегу <li> (елемент списку). Неупорядковані списки зазвичай використовуються, коли порядок елементів не є важливим.
Приклад:

У наведеному вище прикладі:

Неупорядкований список (<ul>) відображає елементи з маркерами.

Упорядковані списки

Упорядковані списки відображають елементи у нумерованій послідовності. Кожен елемент у списку визначається за допомогою тегу <li> (елемент списку). Упорядковані списки використовуються, коли порядок елементів є важливим і потребує підкреслення.
Приклад:

У наведеному вище прикладі:

Список впорядкований (<ol>), відображає елементи з номерами.

Вкладені списки

Списки також можуть бути вкладені один в одного для створення ієрархічних структур. Це означає, що елемент списку (<li>) в одному списку (<ul> або <ol>) може сам містити інший список. Це корисно для організації складної інформації на кілька рівнів ієрархії.
Приклад:

У наведеному вище прикладі:

• Другий елемент списку ("Main item 2") містить вкладений невпорядкований список (<ul>), створюючи ієрархічну структуру;
• Кожен вкладений список (<ul>) відступає, щоб візуально вказати на його ієрархічний рівень.

Відео урок