Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

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

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • арабские цифры;
  • заглавные латинские буквы;
  • строчные латинские буквы;
  • заглавные римские цифры;
  • строчные римские цифры;

В табл. 1 приведены различные параметры тега <OL> и результат их применения.

Табл. 1. Варианты нумерованных списков
Код HTML Пример
<ol>
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

Нумерованный список с параметрами по умолчанию:

  1. текст
  2. текст
  3. текст
<ol start="5">

Нумерованный список начинающийся с пяти:

  1. текст
  2. текст
  3. текст
<ol type="A">

Нумерованный список с заглавными буквами латинского алфавита:

  1. текст
  2. текст
  3. текст
<ol type="a">

Нумерованный список с прописными буквами латинского алфавита:

  1. текст
  2. текст
  3. текст
<ol type="I">

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

  1. текст
  2. текст
  3. текст
<ol type="i">

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

  1. текст
  2. текст
  3. текст
<ol type="1">

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

  1. текст
  2. текст
  3. текст
<ol type="I" start="7">

Список с римскими цифрами начинающийся с семи:

  1. текст
  2. текст
  3. текст


В примере 1 показано создание списка с использованием римской нумерации.

Пример 1. Создание нумерованного списка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<ol type="I" start="8">
 <li>Король Магнум XLIV</li>
 <li>Король Зигфрид XVI</li>
 <li>Король Сигизмунд XXI</li>
 <li>Король Хусбрандт I</li>
</ol>

</body>
</html>

Результат примера показан ниже.

  1. Король Магнум XLIV
  2. Король Зигфрид XVI
  3. Король Сигизмунд XXI
  4. Король Хусбрандт I

Обратите внимание, что до и после списка автоматически добавляются вертикальные отступы, это является особенностью тега <OL>.





На главную









При использовании материалов сайта ссылка на comnew.ru обязательна!

x