Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

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

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

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

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

      1. текст
      2. текст
      3. текст
<ol start=”5″> Нумерованный список начинающийся с пяти:

      5. текст
      6. текст
      7. текст
<ol type=”A”> Нумерованный список с заглавными буквами латинского алфавита:

      A. текст
      B. текст
      C. текст
<ol type=”a”> Нумерованный список с прописными буквами латинского алфавита:

      a. текст
      b. текст
      c. текст
<ol type=”I”> Нумерованный список с римскими цифрами:

      I. текст
      II. текст
      III. текст
<ol type=”i”> Нумерованный список с прописными римскими цифрами:

      i. текст
      ii. текст
      iii. текст
<ol type=”1″> Нумерованный список с арабскими цифрами:

      1. текст
      2. текст
      3. текст
<ol type=”I” start=”7″> Список с римскими цифрами начинающийся с семи:

      VII. текст
      VIII. текст
      IX. текст

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

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

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>Римские числа</title>
</head>
<body><ol type=”I” start=”8″>
<li>Король Магнум XLIV</li>
<li>Король Зигфрид XVI</li>
<li>Король Сигизмунд XXI</li>
<li>Король Хусбрандт I</li>
</ol>

</body>
</html>

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

Рис. 1. Вид нумерованного списка

Рис. 1. Вид нумерованного списка в браузере Opera

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB