Учебник по HTML

HTML ГЛАВНАЯ Введение в HTML HTML-редакторы Базовый HTML HTML-элементы HTML-атрибуты HTML-заголовки HTML-абзацы HTML-стили HTML-форматирование HTML-цитаты HTML-комментарии Цвета HTML HTML CSS HTML-ссылки HTML-изображения HTML Фавикон HTML-таблицы HTML-списки Блок HTML и встроенный HTML-классы HTML-идентификатор HTML-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

HTML-формы Атрибуты HTML-формы HTML-элементы формы Типы ввода HTML Атрибуты ввода HTML Атрибуты формы ввода HTML

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

HTML -списки


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


Пример

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

  • Пункт
  • Пункт
  • Пункт
  • Пункт

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

  1. Первый элемент
  2. Второй элемент
  3. Третий пункт
  4. Четвертый пункт

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

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

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

Пример

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>


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

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

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

Пример

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

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

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

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

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

Пример

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

HTML-теги списка

Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list

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