Привіт, в цій статті ми ознайомимось з списками в HTML.

Давайте створимо порожній HTML документ. Списки бувають маркованими і нумерованими.

Отже почнемо з першого:

Для того, щоб створити маркований список використовують парний тег "<ul>". Для того, щоб створити елементи в списку використовують парний тег "<li>".

Приклад:

<ul>
    <li>Маркований #1</li>
    <li>Маркований #2</li>
    <li>Маркований #3</li>
</ul>

В результаті получиться:

• Маркований #1
• Маркований #2
• Маркований #3

---

Нумеровані списки робити аналогічно, тільки з використанням парного тегу "<ol>" замість "<ul>":

<ol>
    <li>Нумерований #1</li>
    <li>Нумерований #2</li>
    <li>Нумерований #3</li>
</ol>

Результат:

1. Нумерований #1
2. Нумерований #2
3. Нумерований #3

---

Ось і все, але в списках можна розміщати не тільки текст, але й зображення, посилання, і т.д і навіть робити за допомого них різноманітні меню! Все це ми навчимось робити у наступних уроках.

---

Приклад написаного в статті:

http://examples.web-programming.in.ua/list_in_html/index.html