Списки в HTML, виды списков html // Вебшкола онлайн

 back-9068011 next-5600523

В HTML используются упорядоченные, неупорядоченные списки и списки определений.

Пример

  • Это первый пункт списка
  • Это второй пункт списка
  • Это третий пункт списка

Неупорядоченный список

Упорядоченный список

Неупорядоченный списки

Неупорядоченный список — это перечень элементов. Элементы списка обозначаются буллетами (обычно черные закрашенные кружочки).

Неупорядоченный список начинается с тега

    . Каждый элемент списка начинается с тега

  • :
    • Кофе
    • Чай

    Вот как это будет выглядеть в браузере:

    В пункты списка можно помещать параграфы, горизонтальные линии, изображения, ссылки, другие списки и т.д.

    Упорядоченные списки

    Упорядоченный список — это тоже перечень элементов. Элементы списка обозначаются числами.

    Упорядоченный список начинается с тега

      . Каждый элемент списка начинается с тега

    1. :
      1. Coffee
      2. Milk

      Вот как это будет выглядеть в браузере:

      В пункты упорядоченного списка можно помещать параграфы, горизонтальные линии, изображения, ссылки, другие списки и т.д.

      Список определений

      Список определений — это не просто список элементов. Это список элементов с описанием каждого элемента.

      Список определений начинается с тега .

      Каждый элемент списка определений начинается с тега .

      Каждое описание элемента списка начинается с тега .

      Кофе Темный горячий напиток Молоко Белый прохладный напиток

      Вот как это будет выглядеть в браузере:

      Кофе Темный горячий напиток Молоко Белый прохладный напиток

      Еще примеры

      Виды упорядоченных списков

      Различные виды упорядоченных списков.

      Виды неупорядоченных списков

      Вложенные списки

      Пример демонстрирует, как вложить списки друг в друга.

      Теги списков

      Тег Описание
      Упорядоченный список
      Неупорядоченный список
      Элемент списка
      Список определений
      Элемент списка определений
      Описание элемента в списке определений
      Устарело. Используйте тег
      Устарело. Используйте тег

       back-9068011 next-5600523