|
При создании упорядоченного списка используются следующие
элементы:
LI (List Item) -
Создает пункт в списке. Располагается внутри элементов OL или
UL. Закрывающий тег писать желательно, но не обязательно, это уже решать
Вам.
OL (Ordered List) -
Создает упорядоченный список. Между начальным и конечным тегами должны
присутствовать один или несколько элементов LI, обозначающих отдельные
пункты списка.
При создании упорядоченного списка используются следующие
атрибуты:
START
– определяет первое число, с которого начинается нумерация
пунктов. (только целые числа) . Если не указывать, начинается с начала.
TYPE – определяет
стиль нумерации пунктов списка.
Возможные значения:
"A" – заглавные буквы
A, B, C ...
"a" – строчные буквы a, b, c ...
"I" – большие римские числа I, II, III ...
"i" – маленькие римские числа i, ii, iii ...
"1" – арабские числа 1, 2, 3 ...
Значение по умолчанию
<OL TYPE="1">.
Пример:
<!-- список с арабскими числами -->
Чтобы создать сайт на
домашнем компьютере необходимо:
<ol type="1" >
<li> Первый пункт
</li>
<li> Второй пункт
</li>
<li> Третий пункт
</li>
</ol>
<!-- список с большими римскими числами -->
Чтобы создавать сайты
быстро желательно:
<ol type="I" >
<li> Первый пункт
</li>
<li> Второй пункт
</li>
<li> Третий пункт
</li>
</ol>
<!--список с маленькими буквами -->
Чтобы зарабатывать на
сайте желательно:
<ol type="a" >
<li> Первый пункт
</li>
<li> Второй пункт
</li>
<li> Третий пункт
</li>
</ol>
<!-- список не с начала -->
Чтобы стать успешным
в интернете:
<ol type ="1" start="2" >
<<li> Первый пункт
</li>
<li> Второй пункт
</li>
<li> Третий пункт
</li>
</ol>
нажмите чтобы увидеть результат
Для более сложных упорядоченных списков используется
атрибут:
VALUE – изменяет
порядок нумерации элементов списка. Используется только если элемент
LI находится внутри элемента OL. В качестве
значения указывается порядковый номер элемента.
Пример:
Для создания сайта
необходимо:
<ol><!--так
как тип не указан будет использоваться по умолчанию-->
<li> Первый пункт
</li>
<!—перепрыгиваем на седьмой номер-->
<li value="7"> Второй пункт
</li>
<li> Третий пункт
</li>
</ol>
нажмите чтобы увидеть результат
|