Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB