HTML cписки - Как создать списки в HTML? Теги ol, ul, dl
Меню
Справочник
Мои услуги на Kwork
html lists

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

В HTML существует три типа списков: неупорядоченные, упорядоченные и списки описаний. Каждый из них определяется с помощью разных тегов.

Неупорядоченный список HTML Упорядоченный список HTML
  • Элемент
  • Элемент
  • Элемент
  • Элемент
  1. Первый элемент
  2. Второй элемент
  3. Третий элемент
  4. Четвертый элемент

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

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

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

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>
  • HTML
  • CSS
  • JavaScript

Упорядоченный список HTML

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

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

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>
  1. HTML
  2. CSS
  3. JavaScript

Списки описаний HTML

HTML также поддерживает списки описаний.

Список описаний — это список терминов с описанием каждого термина.

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

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

HTML списки, подразделы


Справочник по тегам HTML

Справочник по тегам содержит дополнительную информацию об этих тегах и их атрибутах.

Тег Описание
<ul> Определяет неупорядоченный список
<ol> Определяет упорядоченный список
<li> Определяет элемент списка
<dl> Определяет список описаний
<dt> Определяет термин в списке описания
<dd> Описывает термин в списке описаний

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.


 

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

Группа столбцов таблиц HTML ☚

Поделиться ссылкой