HTML cписки - Как создать списки в HTML? Теги ol, ul, dl
Меню
Справочник
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
  • Упорядоченные списки в HTML
  • Списки описаний в HTML
  • Списки HTML - мощный инструмент для структурирования информации на веб-страницах. Знание различных типов списков и их применение позволит создавать эффективные и удобные для пользователей веб-сайты.


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

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

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

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


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

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

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