Html список, тег ul li в html

Нумеровані списки html

Такий список є переліком "пронумерований" будь-яким чином. Це можуть бути арабські цифри, цифри римського алфавіту або букви.

Щоб вказати браузеру, що список буде нумерованим, використовуються теги

    . Весь список розташовується між цими тегами і кожен його пункт задається тегами
  1. .

    Приклад коду для нумерованого списку:

    Як бачите, за замовчуванням нумерація ведеться арабськими цифрами. Це можна змінити за допомогою параметра type:

    - type = "A" - нумерація великими латинськими літерами (A, B, C).

    - type = "a" - нумерація прописними латинськими літерами (a, b, c).

    - type = "I" - нумерація великими римськими цифрами (I, II, III).

    - type = "i" - нумерація маленькими римськими цифрами (i, ii, iii).

    Приклад коду з римськими цифрами:

    Якщо нам потрібно почати нумерацію ні з одиниці, то слід використовувати параметр start. в якості значення якого вказується число, з якого буде починатися перелік (якщо нумерація задається за допомогою букв, то це число буде вказувати на позицію в алфавіті).

    У тега

    Маркери

    У маркірованих списках замість букв і цифр використовуються маркери. Щоб вказати браузеру, що список буде маркованих, використовуються теги

      . Весь список розташовується між цими тегами і кожен його пункт задається тегами
    • .

      Приклад коду для маркованого списку:

      html марковані списки
      • кішки
      • собаки
      • коні

      За замовчуванням маркер відображається у вигляді чорного кружечка. Це можна змінити за допомогою параметра type:

      - type = "disc" - зафарбований кружечок.

      - type = "circle" - порожній кружечок.

      - type = "square" - зафарбований квадратик.

      Приклад коду для маркованих списків:

      списки визначень

      Таки списки використовуються в словниках. Кожен пункт складається з двох частин: термін і його визначення. Щоб вказати браузеру, що буде список визначень, використовуються теги

      . Кожен термін полягає в теги
      . а їх визначення - в теги
      .

      Приклад коду списку визначень:

      Списки визначень Термін 1 Визначення терміна 1 Термін 2 Визначення терміна 2

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

      Бувають ситуації, коли в елемент списку необхідно включити свій список. Такі списки називаються багаторівневими або вкладеними. Для цього використовується комбінація вже відомих нам тегів списків.

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

      Рівень вкладеності може бути будь-яким, головне не заплутатися. На цьому сьомий урок закінчений. У наступному уроці ми розглянемо роботу з зображеннями.

      Якщо цей сайт виявився вам корисний, ви можете допомогти в його розвитку, поставивши одну з цих посилань на свій сайт.