HTML Списки

Списки HTML позволяют веб-разработчикам группировать набор взаимосвязанных элементов в списках.

Пример

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

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

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

Неупорядоченный список начинается с тега <ul>. Каждый пункт списка начинается с тега <li>.

По умолчанию пункты будут отмечены маркерами (маленькие черные кружочки):

Пример

<ul>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>

Упорядоченный список начинается с тега <ol>. Каждый пункт списка также начинается с тега <li>.

По умолчанию пункты будут пронумерованы числами:

Пример

<ol>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>

HTML поддерживает также описательные списки.

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

Тег <dl> определяет описательный список, тег <dt> обозначает термин (название), а тег <dd> описывает каждый термин:

Пример

<dl>
  <dt>Кофе</dt>
  <dd>- черный горячий напиток</dd>
  <dt>Молоко</dt>
  <dd>- белый холодный напиток</dd>
</dl>