Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Списки | Основи HTML
Основи HTML
course content

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML
2. Основи HTML
3. Зображення та Медіа
4. Таблиці та Форми
5. Розширений HTML

book
Списки

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

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

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

html

index.html

copy

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

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

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

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

html

index.html

copy

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

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

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

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

html

index.html

copy

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

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

Відео урок

1. Який тег використовується для створення неупорядкованих списків?

2. Коли ви б використовували упорядкований список замість неупорядкованого?

3. Який тег відсутній у пропусках (___)?

question mark

Який тег використовується для створення неупорядкованих списків?

Select the correct answer

question mark

Коли ви б використовували упорядкований список замість неупорядкованого?

Select the correct answer

question mark

Який тег відсутній у пропусках (___)?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 7
Ми дуже хвилюємося, що щось пішло не так. Що трапилося?
some-alt