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

535

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

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

А поговоримо ми сьогодні про теги списків у 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-тег нумерованого списку

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

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

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

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

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

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

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

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

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

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

        >

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

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

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

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

        >

        Приклад:

        Види спорту

      2. Хокей
      3. Футбол
      4. Баскетбол
        Види спорту

      5. Хокей
      6. Футбол
      7. Баскетбол

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

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

        Приклад:

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

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

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

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

    • СТАТТІ ПО ТЕМІБІЛЬШЕ ВІД АВТОРА