HTML-списки

HTML предоставляет три типа списков: упорядоченные списки (ordered lists), неупорядоченные списки (unordered lists) и списки определений (definition lists).

  1. Упорядоченные списки (ordered lists)

Упорядоченные списки создаются с помощью тега <ol> (от «ordered list»). Каждый элемент списка задается с помощью тега <li> (от «list item»). Элементы списка автоматически нумеруются.

Пример:

<ol>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>
  1. Неупорядоченные списки (unordered lists)

Неупорядоченные списки создаются с помощью тега <ul> (от «unordered list»). Каждый элемент списка также задается с помощью тега <li>. В отличие от упорядоченных списков, элементы не нумеруются, а обычно отображаются с помощью маркеров.

Пример:

<ul>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>
  1. Списки определений (definition lists)

Списки определений создаются с помощью тега <dl> (от «definition list»). Каждый элемент списка определяется с помощью тегов <dt> (от «definition term») и <dd> (от «definition description»). Тег <dt> используется для задания термина, а тег <dd> для задания его определения.

Пример:

<dl>
  <dt>HTML</dt>
  <dd>Язык разметки гипертекста</dd>
  <dt>CSS</dt>
  <dd>Язык описания внешнего вида документа</dd>
  <dt>JavaScript</dt>
  <dd>Язык программирования для веб-страниц</dd>
</dl>