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

644

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

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

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

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

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

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

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

    …

.

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

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

    Тег

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

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

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

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

      :

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

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

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

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

        >

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

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

        Допускається використання тега замість тега

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          >

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

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

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

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

          >

          Приклад:

          Види спорту

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

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

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

          Приклад:

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

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

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

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

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