Главная » Руководство по HTML – HTML5 введение » Списки HTML

Списки HTML

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

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

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

Неупорядоченный список 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>

HTML
CSS
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

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

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