Списки в HTML5

HTML-элементы, позволяющие создавать все виды списков

# dd

Определяет элемент в списке определений.

Пример: Скопировать

Web
Часть Интернета, содержащая веб-сайты и веб-страницы.
HTML
Язык разметки для создания веб-страниц
CSS
Технология, улучшающая внешний вид HTML
<dl>
  <dt>Web</dt>
  <dd>Часть Интернета, содержащая веб-сайты и веб-страницы.</dd>
  <dt>HTML</dt>
  <dd>Язык разметки для создания веб-страниц</dd>
  <dt>CSS</dt>
  <dd>Технология, улучшающая внешний вид HTML</dd>
</dl>

# dl

Определяет список определений.

Пример: Скопировать

Web
Часть Интернета, содержащая веб-сайты и веб-страницы.
HTML
Язык разметки для создания веб-страниц
CSS
Технология, улучшающая внешний вид HTML
<dl>
  <dt>Web</dt>
  <dd>Часть Интернета, содержащая веб-сайты и веб-страницы.</dd>
  <dt>HTML</dt>
  <dd>Язык разметки для создания веб-страниц</dd>
  <dt>CSS</dt>
  <dd>Технология, улучшающая внешний вид HTML</dd>
</dl>

# dt

Определяет термин определения.

Пример: Скопировать

Web
Часть Интернета, содержащая веб-сайты и веб-страницы.
HTML
Язык разметки для создания веб-страниц
CSS
Технология, улучшающая внешний вид HTML
<dl>
  <dt>Web</dt>
  <dd>Часть Интернета, содержащая веб-сайты и веб-страницы.</dd>
  <dt>HTML</dt>
  <dd>Язык разметки для создания веб-страниц</dd>
  <dt>CSS</dt>
  <dd>Технология, улучшающая внешний вид HTML</dd>
</dl>

# li

Определяет элемент в нумерованном <ol> или ненумерованном списке <ul>.

Пример: Скопировать

  1. Шаг 1
  2. Шаг 2
  3. Конец
<ol>
  <li>Шаг 1</li>
  <li>Шаг 2</li>
  <li>Конец</li>
</ol>

Пример: Скопировать

Список покупок:

  • Молоко
  • Хлеб
  • Шоколад
<p>My shopping list:</p>
<ul>
  <li>Молоко</li>
  <li>Хлеб</li>
  <li>Шоколад</li>
</ul>

# ol

Определяет нумерованный список.

Пример: Скопировать

  1. Шаг первый
  2. Шаг второй
  3. Шаг третий
<ol>
  <li>Шаг первый</li>
  <li>Шаг второй</li>
  <li>Шаг третий</li>
</ol>

type

Определяет, как нумеруется список.

"1"

По умолчанию.

Использует числа.

"a"

Использует строчные буквы.

"A"

Использует заглавные буквы.

"i"

Использует строчные римские цифры.

"I"

Использует заглавные римские цифры.

start

Определяет номер, с которого начинается список.

"3"

Вы можете использовать любое целое число.

reversed

Обратный порядок списка.

Значение не нужно.

# ul

Определяет ненумерованный список.

Пример: Скопировать

Мой список покупок:

  • Молоко
  • Хлеб
  • Шоколад
<p>Мой список покупок:</p>
<ul>
  <li>Молоко</li>
  <li>Хлеб</li>
  <li>Шоколад</li>
</ul>