Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML

HTML: Нумерованный и маркированный список

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

Стандартом пятой версии html поддерживается 3 вида списков: нумерованные списки, маркированные и списки определений. Также можно создавать вложенные списки, т.е. вкладывать списки друг в друга.

Нумерованный список

Нумерованный список, его еще часто называют упорядоченным списком, представляет собой определенную последовательность элементов. То есть каждый последующий пункт такого списка будет на единицу больше предыдущего.

Для создания нумерованных списков в HTML используется тег <ol> (Ordered List), внутри которого располагаются его элементы с данными, за указание которых отвечает специальный тег <li>:

<html>
  <body>

    <h4>Нумерованный список:</h4>
    <ol>
      <li>Кофе</li>
      <li>Чай</li>
      <li>Молоко</li>
    </ol>

  </body>
</html>
Попробовать »

Внутри элемента списка <li> вы можете размещать абзацы, строки, изображения, ссылки, другие списки и т.д.

Маркированный список

Другим распространенным способом структуризации данных является создание маркированного списка. Маркированные списки представляют собой ненумерованные или неупорядоченные перечни элементов, для обозначения которых используются специальные маркеры.

Для создания маркированных списков в HTML применяется тег <ul> (Unordered List), внутри которого располагаются элементы самого списка (как и в случае с упорядоченными списками используется тег <li>):

<html>
  <body>

    <h4>Маркированный список:</h4>
    <ul>
      <li>Кофе</li>
      <li>Чай</li>
      <li>Молоко</li>
    </ul>

  </body>
</html>
Попробовать »

Атрибут type

Атрибут type определяет вид маркера, который будет использоваться в упорядоченном списке перед элементами.

В отличие от упорядоченных списков маркированные (неупорядоченные) списки не поддерживают атрибут type.

Варианты маркеров для упорядоченных списков:

ЗначениеОписание
1Десятичные цифры (1, 2, 3..)
aСписок в алфавитном порядке, строчные буквы (a, b, c..)
AСписок в алфавитном порядке, заглавные буквы (A, B, C..)
iРимские цифры, строчные (i, ii, iii, iv..)
IРимские цифры, заглавные (I, II, III, IV..)
<html>
  <body>

    <h4>Упорядоченный список c атрибутом type - значение "a":</h4>
    <ol type="a">
      <li>Яблоки</li><li>Бананы</li><li>Лимоны</li>
    </ol>

    <h4>Упорядоченный список c атрибутом type - значение "I":</h4>
    <ol type="I">
      <li>Яблоки</li><li>Бананы</li><li>Лимоны</li>
    </ol>

  </body>
</html>
Попробовать »
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь