8.2 Номерирани списъци

Номерираните спиъци се създават с помощта на тага <OL>.......</OL>

Пред елементите на номерираните списъци, както при неномерираните, се поставя неконтейнерния таг <li>.

При изобразяване на номериран списък в прозореца на браузера елементите се номерират последователно:1, 2, 3, ....и т.н.

Както при неномерираните списъци, така и при номерираните, списъците могат да се влагат един в друг.

В номерираните списъци чрез различните стойности на атрибута TYPE= може да се задава начина на номериране на елементи.

Стойностите, които могат да се присвояват на атрибута TYPE= в тага <OL> са следните:

<OL TYPE=1>- номериране с арабски цифри - 1, 2, 3,...(по подразбиране)
<OL TYPE=a>- номериране с малки букви a, b, c, d, ...
<OL TYPE=A>- номериране с главни букви A,B,C, D, ...
<OL TYPE=i>- номериране с малки римски цифри i, ii,iii, iv, v,....
<OL TYPE=I>- номериране с големи римски цифри I, II, III, IV,  V...

В тага за номерирани списъци <OL> може да се използва още едн атрибут - (START=). Чрез този атрибут се задава номерът на първия елемент от списъка, когато той трябва да бъде различен от 1 или от съответния първи номер, зададен с атрибута TYPE=.

Ако, например, първият елемент от номериран списък трябва да бъде с номер 3, това се постига по следния начин:
<OL START="3">

На фиг.8.3 е показан кода на страница, в която се използва тага за номерирани списъци.

 

Фиг. 8.3
<div align="center"> <strong>Списък с различни стойности на атрибута TYPE</strong>
<OL>
<li>
<div align="left">Иван Петров </div>
<li>
<div align="left">Илия Стоянов </div>
<li>
<div align="left">Мария Нколова </div>
<li>
<div align="left">Мария Петрова </div>
<li>
<div align="left">Стоян Иванов </div>
</OL>
<OL TYPE="a">
<li>
<div align="left">Иван Петров </div>
<li>
<div align="left">Илия Стоянов </div>
<li>
<div align="left">Мария Нколова </div>
<li>
<div align="left">Мария Петрова </div>
<li>
<div align="left">Стоян Иванов </div>
</OL>
<OL TYPE="A">
<li>
<div align="left">Иван Петров </div>
<li>
<div align="left">Илия Стоянов </div>
<li>
<div align="left">Мария Нколова </div>
<li>
<div align="left">Мария Петрова </div>
<li>
<div align="left">Стоян Иванов </div>
</OL>
<OL TYPE="I">
<li>
<div align="left">Иван Петров </div>
<li>
<div align="left">Илия Стоянов </div>
<li>
<div align="left">Мария Нколова </div>
<li>
<div align="left">Мария Петрова </div>
<li>
<div align="left">Стоян Иванов </div>
</OL>
<OL TYPE="i">
<li>
<div align="left">Иван Петров </div>
<li>
<div align="left">Илия Стоянов </div>
<li>
<div align="left">Мария Нколова </div>
<li>
<div align="left">Мария Петрова </div>
<li>
<div align="left">Стоян Иванов </div>
</OL>
</div>

На фиг.8.4 е показано изобразяването на страница със списъците в прозореца на браузер.

Фиг. 8.4
Списък с различни стойности на атрибута TYPE
  1. Иван Петров
  2. Илия Стоянов
  3. Мария Нколова
  4. Мария Петрова
  5. Стоян Иванов
  1. Иван Петров
  2. Илия Стоянов
  3. Мария Нколова
  4. Мария Петрова
  5. Стоян Иванов
  1. Иван Петров
  2. Илия Стоянов
  3. Мария Нколова
  4. Мария Петрова
  5. Стоян Иванов
  1. Иван Петров
  2. Илия Стоянов
  3. Мария Нколова
  4. Мария Петрова
  5. Стоян Иванов
  1. Иван Петров
  2. Илия Стоянов
  3. Мария Нколова
  4. Мария Петрова
  5. Стоян Иванов