Списки HTML

HTML поддерживает нумерованные, маркированные и списки определений.

Это первый
Это второй
Это третий

Примеры - попробуй сам

(Вы можете найти больше примеров в нижней части этой страницы)

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

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

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

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

Кофе
Молоко

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

Упорядоченные списки или также список пунктов. Элементы списка помечены номерами.

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

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

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

Кофе
Молоко

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

Список определений это список отдельных пунктов. Это список пунктов (условий), с описанием каждого пункта (термин).

Определение списка начинается с тега <dl> (определение списка).

Каждое слово начинается с тега <dt> (определение термина).

Каждое описание начинается с <dd> тега (описание определения).

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

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

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

Внутри <dd> тега вы можете поместить абзацы, разрывы строк, изображения, ссылки, другие списки и т.д.

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

Различные типы нумерованных списков HTML
Демонстрирует различные типы нумерованных списков.

Вложенный список HTML
Показывает, как можно вкладывать списки.

Вложенный список 2 HTML
Демонстрирует более сложный вложенный список.

Список определений HTML
Демонстрирует список определений.

Тег	Описание
<col>	Определяет упорядоченный список
<ul>	Определяет ненумерованный список
<li>	Определяет список элементов
<dl>	Определяет список определений
<dt>	Определяет определение (пункт) в списоке определений
<dd>	Определяет описании термина в списке определений
<dir>	Не рекомендуется использовать. Используйте <ul> вместо
<menu>	Не рекомендуется использовать. Используйте <ul> вместо

Была ли эта информация полезной?

Да Нет