Как создать список в HTML при помощи тегов ul, ol и dl

18.08.18 HTML 820

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

Списки могут быть разных типов:

• маркированный – создается при помощи тега ul, каждый элемент списка отмечается маркером;
• нумерованный – создается при помощи тега ol, каждый элемент списка отмечается цифрой. Доступны следующие атрибуты: reversed, start, type;
• список определений – создается при помощи тега dl, состоит из пар термин и определение.

Пример маркированного списка:

<ul>
	<li>Элемент 1</li>
	<li>Элемент 2</li>
	<li>Элемент 3</li>
</ul>

Пример нумерованного списка:

<ol>
	<li>Элемент 1</li>
	<li>Элемент 2</li>
	<li>Элемент 3</li>
</ol>

Пример списка определений:

<dl>
	<dt>Термин 1</dt>
		<dd>Определение 1</dd>
	<dt>Термин 2</dt>
		<dd>Определение 1</dd>
		<dd>Определение 2</dd>
		<dd>Определение 3</dd>
</dl>

Таким образом, создать список в HTML совсем просто, достаточно использовать перечисленные выше теги.