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

css

index

js

index

copy

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

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

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

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

html

index

css

index

js

index

copy

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

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

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

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

html

index

css

index

js

index

copy

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

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

Відео урок

1. Який тег використовується для створення неупорядкованих списків?
2. Коли ви б використовували упорядкований список замість неупорядкованого?
3. Який тег відсутній у пропусках (___)?
Який тег використовується для створення неупорядкованих списків?

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

Виберіть правильну відповідь

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

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

Виберіть правильну відповідь

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

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

Виберіть правильну відповідь

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

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

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

Секція 2. Розділ 7
We're sorry to hear that something went wrong. What happened?
some-alt