В HTML вы можете отображать списки информации несколькими способами. Вы можете отобразить его как упорядоченный, неупорядоченный или описательный список. Двумя наиболее часто используемыми типами списков являются упорядоченные и неупорядоченные списки, но мы также рассмотрим списки описаний, поскольку они могут быть чрезвычайно полезными.

Списки в HTML состоят из двух основных тегов. Тег, создающий тип списка (упорядоченный, неупорядоченный или описание), и теги, создающие элементы списка или описания, которые будут отображаться в списке HTML.

  • **Неупорядоченный список — **Создается с тегом списка <ul> и элементами списка <li>, отображаемыми в произвольном порядке.
  • Упорядоченный список — создается с тегом <ol> списка и <li> элементами списка, отображаемыми в определенном порядке.
  • Список описаний — создается с помощью тега списка <dl> с использованием <dt> для создания заголовков и <dd> для создания описаний.

Как вы можете видеть выше, списки могут быть очень полезны для упорядоченного отображения контента на веб-странице.

Оглавление

  1. Что такое списки в HTML?
  2. Каково значение списка в HTML?
  3. Сколько типов тегов списков существует в HTML
  4. Какой код для списков в HTML? ◦ Неупорядоченный список HTML с примером ◦ Упорядоченный список HTML с примером ◦ Список описаний HTML с примером
  5. Атрибуты для использования с тегами списка
  6. В чем разница между упорядоченными и неупорядоченными списками в HTML
  7. "Заключение"

Что такое списки в HTML?

Списки используются для объединения релевантных фрагментов информации, чтобы их можно было связать и легко читать. Списки — это рабочие компоненты в современном веб-дизайне, которые обычно используются для навигации и общего содержания.

Каково значение списка в HTML?

Со структурной точки зрения списки выгодны, поскольку они помогают создавать хорошо структурированный, более доступный и простой в обслуживании текст. Они также полезны, поскольку предоставляют определенные компоненты для применения стилей CSS.

Наконец, семантически точные списки облегчают чтение вашего веб-сайта посетителями и упрощают обслуживание, когда ваши страницы необходимо изменить.

Сколько типов тегов списков существует в HTML

Прежде чем мы перейдем к примерам кода для каждого типа списка, давайте сначала разберемся в различных типах списков и их использовании.

В HTML 3 могут использоваться типы списков:

  • Неупорядоченный список — создает список связанных элементов в произвольном порядке.
  • Упорядоченный список — создает список связанных элементов в определенном порядке.
  • Список описаний — создает список терминов и их описаний.

Выше приведен пример неупорядоченного списка, отмеченного маркерами. Ниже приведен пример того же контента в упорядоченном списке.

  1. Неупорядоченный список — создает список связанных элементов в произвольном порядке.
  2. Упорядоченный список — создает список связанных элементов в определенном порядке.
  3. Список описаний — создает список терминов и их описаний.

Хотя, учитывая, что мы описываем с помощью элемента списка, наиболее подходящим списком, который мы должны использовать, будет список описания, который будет отражен следующим образом:

Ненумерованный список

Создает список связанных элементов в произвольном порядке.

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

Создает список связанных элементов в определенном порядке.

Список описаний

Создает список терминов и их описания.

Прочтите полную статью и получите примеры кода для всех типов списков в HTML