#3 Створення списків

1. Нумерований список.

Нумерований список починається з тегу <ol>. Цей тег означає нумерований список. Кожен пункт списку розпочинається з тега <li> і присвоює йому відповідний порядковий номер.

html Браузер
<ol>
<li> перший елемент списку
<li> наступний елемент списку
<li> наступний елемент списку
</ol>

  1. перший елемент списку
  2. наступний елемент списку
  3. наступний елемент списку

2 Список з маркерами

Список з маркерами відрізняється від нумерованого списку тільки тегом <ul> замість <ol>. Цей тег означає, що буде створено маркований список.

HTML Браузер
<ul>
<li> перший елемент списку
<li> наступний елемент списку
<li> наступний елемент списку
</ul>

  • перший елемент списку
  • наступний елемент списку
  • наступний елемент списку

3.Багаторівневий список

Багаторівневий список – це список, елементи якого можуть містити підлеглі списки (нижчого рівня).

Як створити багаторівневий список?
Припустимо існує однорівневий нумерований список:

<ol>
<li> Весна
<li> Літо
<li> Зима
<li> Осінь
</ol>

  1. Весна
  2. Літо
  3. Осінь
  4. Зима

Необхідно створити вложений список (2-го рівня), наприклад вставити місяці літа.
Після тега <li> Літо вставляємо вложений список місяців літа:

<ol>
<li> Весна
<li> Літо
    <ol>
   <li> Червень
   <li> Липень
   <li> Серпень
   </ol>

<li> Осінь
<li> Зима
</ol>

  1. Весна
  2. Літо
    1. Червень
    2. Липень
    3. Серпень
  3. Осінь
  4. Зима
Виконайте вправу
Виконайте вправу

Завантажте файл Word зі списками , та створіть точно такі списки в HTML форматі.

4. Список визначень.

Таки списки бувають корисні, коли треба створити мовний словник, або тлумачний словник визначень:

Для організації списку визначень необхідно застосувати такі теги:
<dl> - Тег, що розпочинає список визначень.
<dt > - визначення
<dd > - тлумачення визначення
</dl> - тег, що закінчує список визначень

Наприклад:
<dl>
<dt> Internet
<dd> Мережа мереж. Інтернет об'єднує локальні мережі по всьому світу.
<dt> HTML
<dd> Мова розмітки гіпертекстового документа.
</dl>
Internet
Мережа мереж. Інтернет об'єднує локальні мережі по всьому світу.
HTML
Мова розмітки гіпертекстового документа.
Виконайте вправу

Завантажте файл Word зі словником , та створіть точно такий в HTML форматі.