HTML по шагам



         

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


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

  • арабские цифры (1, 2, 3, ...);
  • прописные латинские буквы (A, B, C, ...);
  • строчные латинские буквы (a, b, c, ...);
  • римские цифры в верхнем регистре (I, II, III, ...);
  • римские цифры в нижнем регистре (i, ii, iii, ...).
  • Для указания типа нумерованного списка применяется параметр type тега <OL>. Его возможные значения приведены в табл. 10.2

    Табл. 10.2. Типы нумерованного списка

    Тип списка

    Код HTML

    Пример

    Нумерованный список с арабскими цифрами <ol type="1">
    <li>...</li>
    </ol>
    1. Чебурашка

    2. Крокодил Гена

    3. Шапокляк

    Нумерованный список с прописными буквами латинского алфавита <ol type="A">
    <li>...</li>
    </ol>
    A. Чебурашка

    B. Крокодил Гена

    C. Шапокляк

    Нумерованный список со строчными буквами латинского алфавита <ol type="a">
    <li>...</li>
    </ol>
    a. Чебурашка

    b. Крокодил Гена

    c. Шапокляк

    Нумерованный список с римскими цифрами в верхнем регистре <ol type="I">
    <li>...</li>
    </ol>
    I. Чебурашка

    II. Крокодил Гена

    III. Шапокляк

    Нумерованный список с римскими цифрами в нижнем регистре <ol type="i">
    <li>...</li>
    </ol>
    i. Чебурашка

    ii. Крокодил Гена

    iii. Шапокляк

    В примере 10.2 показано создание списка с использованием римских цифр в верхнем регистре.

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

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

    <html>

    <head>

    <meta content="text/html; charset=Windows-1251" http-equiv="content-type">

    </head>

    <body>

    <ol type="I">

    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</li>




    Содержание  Назад  Вперед