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

Нумеровані списки являють собою набір елементів з їх порядковими номерами. Вид і тип нумерації залежить від параметрів тега <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. Створення нумерованого списку

Дійсний HTML
<! 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>.

Copyright що кредитують © www.htmlbook.ru