<< Предыдущая Оглавление Следующая >>


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

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

Для создания нумерованного списка используется тег-контейнер <ol>, внутри которого располагаются элементы, заданные тегом <li>, например:

<p>Наиболее яркие звезды, видимые с Земли:
<ol>
<li>Сириус
<li>Канопус
<li>Арктур
<li>Альфа Центавра
</ol>

Рис. 2.4. Пример нумерованного списка

Тип перечисления можно менять с помощью параметра type тега <ol>. Параметр type может принимать следующие значения:

type=A – задает маркер в виде прописных латинских букв;
type=a – задает маркер в виде строчных латинских букв;
type=I – задает маркер в виде больших римских цифр;
type=i – задает маркер в виде малых римских цифр;
type=1 – задает маркер в виде арабских цифр.

По умолчанию все браузеры используют маркер type=1.

Другой необязательный параметр тега <ol> start позволяет задавать начальное значение для нумерации списка, например,

<ol start=5>

при типе нумерации type=1 начнет нумерацию с 5, при type=I – начнет нумерацию с V, при type=A – начнет нумерацию с символа E и т.д.

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

<ol>
<li>Сириус
<li>Канопус
<br>...
<li value=5>Арктур
<li>Альфа Центавра
</ol>

Рис. 2.5. Пример изменения нумерации при отображении списка

Видео по теме

HTML с нуля: урок 1 - как работает Интернет и что такое сайт

HTML с нуля: урок 2 - инструментарий, структура документа, стандарты

HTML с нуля: урок 3 - основные теги форматирования HTML

HTML с нуля: урок 4 - ссылки, теги div и span

HTML с нуля: урок 5 (часть 1) - таблицы

HTML с нуля: урок 5 (часть 2) - фреймы

HTML с нуля: урок 6 - HTML формы, GET и POST запросы

HTML с нуля: урок 7 - поля ввода, кнопки, списки

HTML с нуля: урок 8 - каскадные таблицы стилей, начало

HTML с нуля: урок 9 - CSS, теория

HTML с нуля: урок 10 - пример создания макета HTML страницы

 



<< Предыдущая Оглавление Следующая >>