---
id: 637f4e5172c65bc8e73dfe26
title: Впорядкований та невпорядкований список. Запитання C
challengeType: 15
dashedName: understand-ordered-and-unordered-list-question-c
---

# --description--

Якщо ви хочете мати список елементів, порядок яких не має значення (наприклад, список покупок із товарами, які можна купити в будь-якому порядку), можна використати невпорядкований список.

Невпорядковані списки створені за допомогою елемента `<ul>`, а кожен елемент списку створений за допомогою елемента списку `<li>`.

Елементи невпорядкованого списку починаються з маркера списку:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_1" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/powjajd?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=powjajd&amp;user=TheOdinProjectExamples&amp;name=cp_embed_1" style="width: 100%; overflow:hidden; display:block;" title="Вставка CodePen" loading="lazy" id="cp_embed_powjajd"></iframe>

Якщо ви хочете мати список елементів, порядок яких має значення (наприклад, покроковий рецепт або 10 улюблених телешоу), можна використати впорядкований список.

Впорядковані списки створені за допомогою елемента `<ol>`. Кожен елемент списку також створений за допомогою елемента списку `<li>`. Однак елементи впорядкованого списку починаються з числа:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_2" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/yLXYvYp?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=yLXYvYp&amp;user=TheOdinProjectExamples&amp;name=cp_embed_2" style="width: 100%; overflow:hidden; display:block;" title="Вставка CodePen" loading="lazy" id="cp_embed_yLXYvYp"></iframe>

# --question--

## --text--

Який тег потрібно використати, щоб створити елементи в межах невпорядкованого та впорядковано списків у HTML?

## --answers--

`<ol>`

---

`<li>`

---

`<ul>`

## --video-solution--

2
