Випуск №4. Списки в HTML: ul, ol, dl

19

Доброго часу доби, передплатники.

Відразу хотілося б сказати, що сьогодні буде не великий урок, але, втім, вельми корисний.

А поговоримо ми сьогодні про теги списків у HTML: ul, ol, dl.

В html підтримується 3 види списків: маркіровані, нумеровані, список визначень.

Почнемо з маркірованого списку.

ul — HTML-тег маркованого списку

Маркований список створюється з допомогою закривається тега

.

Всередині цього тега розташовуються теги

  • , які містять кожен конкретний пункт списку.

Тег

  • закриваючий тег, але може і не закриватися.

Приклад можете подивитись у файлі lesson4.html знаходиться в архіві: Архів 4 уроку

  • Види спорту
  • Футбол
  • Баскетбол

Параметри тега

:
  • compact — компактний подання списку;

    type= » disc — маркер — зафарбований гурток;

    circle — маркер — не зафарбований гурток;

    square — маркер — квадратик;

    >

    Параметр type можна також вказувати для тега

  • , але тільки для конкретного пункту меню.

    Допускається використання тега Випуск №4. Списки в HTML: ul, ol, dl замість тега

  • . Дивіться результат на прикладі lesson4.html.

    Настійно рекомендую Вам самим попрактикуватися.

    • Види спорту
      Випуск №4. Списки в HTML: ul, ol, dlХокей
    • Футбол
    • Баскетбол

    ol — HTML-тег нумерованого списку

    Нумерований список створюється за допомогою тега … .

    Всередині нього розташовуються теги

  • . Обов’язкових параметрів у цих тегів немає.

    Параметри тега:

    1. compact — компактний подання списку;

      type= A вигляд маркера — прописні латинські букви;

      I вигляд маркера — великі римські цифри;

      i вигляд маркера — маленькі римські цифри;

      1 вид маркера — арабські цифри (за замовчуванням);

      start=цифра — початковий номер нумерації;

      >

      Параметр тега

    2. у нумерованном списку:
    3. type — можна вказувати ті ж значення, що і для тега , тільки вони будуть діяти на 1 пункт списку;

      value — конкретне значення нумерації ( всі наступні відлічуються від цього);

      >

      Приклад:

      Види спорту

    4. Хокей
    5. Футбол
    6. Баскетбол
      Види спорту
    7. Хокей
    8. Футбол
    9. Баскетбол

      dl — HTML-тег списку визначень

      Список визначень створюється за допомогою тега …. Всередині тега розташовуються пари тегів (терін) і (визначення), які містять конкретний термін і його визначення відповідно. Параметрів у тегів немає.

      Приклад:

      Сонце
      Це зірка

      На сьогодні, випуск присвячений HTML-тегами списків і визначень, я закінчую.

      Прошу Вас самостійно потренуватися, спираючись на файл lesson4.html.

      Посилання на скачування файлу : Архів 4 уроку